Tôi có < div id = 'map'> bản đồ trang trình bày khi người dùng cuộn xuống. Tuy nhiên, dường như để cho bản đồ cuộn mãi mãi, không bao giờ cho phép người dùng thực sự đến cuối trang (có chân trang).Đặt giới hạn giá trị CSS của hoạt ảnh cuộn cửa sổ
Điều tôi đang cố gắng thực hiện là nhận được < div> để dừng cuộn khi nó đến cuối một kích thước động khác (chiều cao là biến) < div>. Hai số < div> s này cạnh nhau và trong cùng một hàng.
Đây là đoạn mã Javascript Tôi đang sử dụng để làm cho di chuyển div đúng với cuộn của người dùng:
$(function() {
var $sidebar = $("#map"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
}
else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
Hey ... Bạn có html? – CraftyFella
Nó đang sử dụng Twitter Bootstrap. Có một Bản đồ Google có ID 'bản đồ' ở bên phải. – David