我有一个随着用户向下滚动而滑动的 <div id='map'> 地图。然而,它似乎让地图永远滚动,永远不会让用户真正到达页面底部(有一个页脚)。
我想要做的是让 <div> 在到达另一个动态大小(高度可变) <div> 的末尾时停止滚动。这两个 <div> 并排并在同一行中。
这是我用来使正确的 div 随用户滚动而移动的 JavaScript 代码:
$(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
});
}
});
});