减慢/停止/暂停特定像素的滚动

时间:2014-03-10 23:16:24

标签: javascript jquery html css

我正在寻找一种减慢两个特定像素之间滚动的方法,例如从顶部开始的1到100之间的滚动。这有可能以任何方式吗?

这是指向具有我正在寻找的功能的网站的链接。 http://goo.gl/isH5o0

当你开始滚动时,深蓝色叠加div使用CSS3 Translate3d消失,但滚动似乎停止或变得非常慢,这使得底层div不会在叠加div滑动的同时滚动到远处。

有人可以给我一些使用什么技术来完成这个或者可能帮我一些代码的提示。

2 个答案:

答案 0 :(得分:1)

我认为该页面上的滚动没有什么特别之处,只是使用3d变换移动的div。但是如果你想用scroll实现特效,你可以使用jQuery animate函数:

$('html').animate({scrollTop: position-to-scroll}, 300, 'ease-in');

有关animate.

的更多信息

答案 1 :(得分:0)

它可能正在使用禁用滚动。我注意到如果我拖动窗口右侧的卷轴,它不会受到"减速"但是鼠标滚动是。这类似于此处描述的演示效果How to disable scrolling temporarily? ..在某一点上,您可以暂时禁用滚动,然后重新启用它以阻止它们走得太远