我有一个网页,其中有一个浮动 div,它在页面滚动时跟随用户。
该页面由可以使用 jquery slideToggle 功能扩展和隐藏的其他 div 组成。
问题是当我隐藏一个 div 时,滚动条会在 div 被隐藏而不是停留在页面顶部时向下移动页面。知道为什么会这样吗?
滚动代码:
var scrollPos;
$().ready(function () {
var $scrollingDiv = $("#FloatingClaimToolBar");
$(window).scroll(function () {
var top = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
// global var
scrollPos = top;
$scrollingDiv
.stop()
.animate({ "marginTop": (top - 15) + "px" }, 0);
});
});
隐藏 div 后,我调用此方法的目的是将浮动 div 定位回页面顶部,但它不起作用:
function AdjustToolBar(divID) {
var $scrollingDiv = $("#FloatingClaimToolBar");
$scrollingDiv
.stop()
.animate({ "marginTop": (window.scrollPos-15) + "px" }, 0);
}