Question

我正在尝试创建一个网站，当用户开始滚动时，它会自动滚动它们（而不是跳转）到设定位置，以便可以看到内容。内容已经在页面上我不想让它们滚动到它，所以一旦它们开始向下移动页面，它将通过滚动到设定点来帮助它们。

这是我迄今为止所做的，但我迷路了：

<script type="text/javascript">
$(body).scroll(function() {
    if ( $this).scrollTop() > 1 ) {

    }
});
</script>

Answer 1

Here's a fiddle

var scrollFunction = function() {
    $('html, body').not(':animated').animate({
        scrollTop: $("#layer-2").offset().top //gets the position of the next layer
    }, 1000, function() {
        $(document).off('scroll', scrollFunction)
    });
}

$(document).on('scroll', scrollFunction);

Answer 2

您可以使用 scrollstart （还有 scrollstop ）事件绑定您的元素：

jQuery('#yourElementId').bind("scrollstart",scrollFunc);

var scrollFunc = function(){
  //if(jQuery('#yourElementId').scrollTop()>1) //unnecessary 
  jQuery('#yourElementId').scrollTop(300); // change 300 to any number you want
}

检测滚动 - 滚动到div

2 个答案: