Question

在我正在处理的全屏网站上，我正在使用scrollTo链接，让用户可以水平滚动到相关的DIV。

用户还可以使用鼠标滚轮向下滚动网站。

我的问题是如何使用jQuery自动将全屏div与视口对齐，以便当用户向下滚动网站时，他们不必手动执行。

我不确定如何解决这个问题。这是我的JSFiddle。

对此website有类似的效果，如果向下滚动并将全屏div半离开屏幕，它会自动将div与屏幕对齐。

Answer 1

我为我的一个项目制作了一个简单的脚本...... 它使用插件来查明您是向上还是向下滚动，然后计算与您输入的类相同的元素的顶部位置（在本例中为.height）。你可以在这里找到更多信息jsFiddle

Answer 2

这很简单，我认为..;）如果用户滚动超过200像素，其余的将自动滚动，直到达到目标。

$(document).scroll(function(){
    if($(document).scrollTop() > 200){
        $('html, body').stop().animate({
            'scrollTop': $YOUR_TARGET_HERE.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    }
}

jQuery scrollTo滚动或视图顶部的div

2 个答案: