javascript - 在特定像素处减慢/停止/暂停滚动

Question

我正在寻找一种方法来减慢两个特定像素之间的滚动速度，例如从顶部开始的 1 到 100。这有可能吗？

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

当您使用 CSS3 Translate3d 开始滚动时，深蓝色覆盖 div 会消失，但随后滚动似乎停止或变得非常慢，这使得底层 div 不会在覆盖 div 向上滑动的同时滚动到很远。

有人可以给我一些提示，告诉我使用什么技术来完成这个或者帮助我编写一些代码。

Answer 1

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

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

更多关于 animate.