我有一个网页,其中包含一个浮动div,当页面滚动时跟随用户。
该页面由其他div组成,可以使用jquery slideToggle功能进行扩展和隐藏。
问题是当我隐藏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);
}