0

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

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

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

我不知道如何解决这个问题。这是我的JSFiddle。

在这个网站上也有类似的效果，如果你向下滚动并让全屏 div 离开屏幕的一半，它会自动将 div 与屏幕对齐。

4

2 回答 2

1

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

于 2013-10-16T13:47:29.117 回答
0

这很容易，我认为.. ;) 如果用户滚动超过 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;
        });
    }
}
于 2013-10-16T13:24:36.607 回答