水平平滑滚动

Question

我正在尝试基于锚定创建平滑的滚动水平效果。即固定导航链接滚动到点击上的锚点（例如id =“＃2”）。

我已经能够使用CSS技巧示例进行垂直滚动。 （http://css-tricks.com/examples/SmoothPageScroll/#），但不能为我的生活应用相同的平滑滚动到水平的情况。

背景：我正试图创建一个电影胶片效果。

Answer 1

滚动做：

$（....）动画（{scrollLeft：####}）;

您可以通过设置速度（持续时间）和缓动（动作的“样式”）来调整动画。

通过检查要滚动到的元素的offset()，您得到滚动左侧的数字。