我有一个<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
});
}
});
});
Run Code Online (Sandbox Code Playgroud) 我发现它不久前,现在我不能.我想在苹果商店找到像购物车这样的东西,它是一个不是绝对定位的div,例如,让我们说它位于屏幕的中心,只有当你向下滚动它才会跟随滚动而不是当它到达浏览器标题的边界时消失...
我不确定我是否清楚.我搜索过,但我找到的只是css位置固定的东西.
你能帮我一个链接吗?
最好的祝福