停止手动滚动 - 强制滚动到特定点

时间:2015-05-15 14:42:23

标签: javascript jquery html

是否有一种简单的方法来捕获用户的滚动事件(鼠标滚轮,触摸事件或光标键),以便网站滚动到特定点。

我不知道它叫什么,但这个网站做到了:http://bit.ly/1JMYyGE

您尝试向下滚动并将视图滚动到新的部分,而不是允许用户停在中间部分。

4 个答案:

答案 0 :(得分:3)

此页面使用锚点将屏幕定向到特定位置。例如,您可以在hash#page-1之后看到它在url中的位置。 anchor tag此网站可以帮助您设置锚标记。

答案 1 :(得分:0)

您想要的是一页滚动,例如these plugins

答案 2 :(得分:0)

通常通过模拟滚动行为来解决该过程。制作网站

html, body {overflow:hidden;}

将您的个人“页面”设置为100%宽度/高度容器,您可以使用JS和/或CSS3过渡进行动画处理。我建议使用硬件加速转换来提高性能。也就是说,看看transform: translate3d(0,0,0);的CSS。

因此,从页面Y向页面X设置动画:将页面X放在视口外部,并将其设置为y值0,同时在相反方向上设置页面Y的动画。

答案 3 :(得分:0)

尝试这样的事情:

http://jsbin.com/wukigajegu/2/edit?html,js,console,output

您实际想要做的事情将根据您的网页设置方式而有所不同。