水平平滑滾動

Question

我正在嘗試基於錨定創建平滑的滾動水平效果。即固定導航鏈接滾動到點擊上的錨點（例如id =「＃2」）。

我已經能夠使用CSS技巧示例進行垂直滾動。 （http://css-tricks.com/examples/SmoothPageScroll/#），但不能爲我的生活應用相同的平滑滾動到水平的情況。

背景：我正試圖創建一個電影膠片效果。

Answer 1

滾動做：

$（....）動畫（{scrollLeft：####}）;

您可以通過設置速度（持續時間）和緩動（動作的「樣式」）來調整動畫。

通過檢查要滾動到的元素的offset()，您得到滾動左側的數字。