Question

我的页面非常长。我有一个<div id="scroll_tiles"></div>滚动页面，但在开头有一个特定值：

#scroll_tiles {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 500px;
}

所以我正在做的是以下内容：

var scrollingDiv = jQuery("#sort_tiles");

jQuery(window).scroll(function(){           
    scrollingDiv
    .stop()
    .animate({"top": (jQuery(window).scrollTop()) + (50) + "px"}, "slow" );         
});

但是当我滚动回到顶部时，div显然不会像开头一样保持在最小top: 500px。如何使该功能正常工作，但是当它来到top: 500px时，即使scrolltop()较少，它也会保留div。

当我向下滚动时，它应该像以前一样工作。

由于

Answer 1

var scrollingDiv = jQuery("#sort_tiles");
jQuery(window).scroll(function() {
    var myScrollTop = jQuery(window).scrollTop() + 50; // get the value
    myScrollTop = myScrollTop > 500 ? myScrollTop.toString() + "px" : "500px"; // validate if > 500

    scrollingDiv.stop().animate({"top": myScrollTop }, "slow");         
});

元素滚动页面但应停在特定的顶部值

1 个答案: