使用html/css設置滾動步長/跳轉/捕捉距離

我發誓我以前做過這件事，但也許是在標準糟糕的舊時代。現在我甚至無法找出關鍵字來找到可能的解決方法。使用html/css設置滾動步長/跳轉/捕捉距離

所以我有一個表是在一個包裝，這樣的x溢出是在包裝內，而不是展開窗口。假設每一列都用css設置爲150px。我希望它能夠在水平滾動包裝器時，滾動條「跳躍」150個像素，以便下一列的右邊緣與包裝器的左邊緣對齊。換句話說，您按列滾動，而不是按像素滾動，以便視口的左側永遠不會是部分列。

通過擴展，這將是理想的，如果這可能是可變寬度跳躍，以便列不被強制爲一個統一的寬度，並且我希望將以上和垂直滾動的上述全部作爲好。

我認爲這是一個標準的，但忽略了CSS或至少一個不贊成的HTML樣式屬性的選項，但正如我所說，現在我甚至無法找到想法/概念，當我谷歌他們的關鍵字想到。

任何幫助（即使有點讓我開始hackish）讚賞。

來源

2012-02-14 Anthony

我想我是缺少關鍵字是「步長」，但所有的結果似乎是移動或鼠標滾輪特定.... – Anthony 2012-02-14 01:45:06

我真的不記得這樣的屬性，但你絕對可以創建功能一點Javascript。如果你想讓它以不同的寬度跳躍，你一定要走這條路。 – fayerth 2012-02-14 01:48:44

我definitly沒有使用（好）的JavaScript這樣的效果的問題，但總是喜歡在JS瘦的款式微調的CSS，而不是依靠它來處理整個效果。這就是說，獲得儘可能通過CSS和JS使用得到的數字權利。但這是一個偏好和個人指導方針，而不是一個規則。我覺得像JS不僅有助於瀏覽器/編程擦槍走火完全建立這樣的效果，同時也阻礙了CSS INOVATION /收養。但我離題了。此時仍然在尋找任何解決方案。 – Anthony 2012-02-14 02:00:25

這不完全是CSS，但可以使用DOM屬性scrollLeft（如果需要該方向，也可以使用scrollTop）。

有關更多信息和示例，您可以參考this page。

來源

2012-02-14 02:29:44 fayerth

使用html/css設置滾動步長/跳轉/捕捉距離

回答

相關問題