我可以在網頁上劫持垂直滾動動作並將其水平移動嗎？

Question

我可以在網頁上劫持垂直滾動動作並將其水平移動嗎？

請嘗試忽略潛在的可用性問題。

Answer 1

我可以在網頁上劫持垂直滾動動作並將其水平移動嗎？

據我所知（除非可能通過旋轉元素-但這可能不是您想要的）。

您必須重新排列內容，以使垂直滾動條消失，而強制水平滾動條。

是否可行在很大程度上取決於頁面內HTML元素的性質。

Answer 2

是的，您可以這樣做。

垂直滾動設置為element.scrollTop

您可以簡單地添加一個循環，在它更改時捕獲scrollTop，將其設置回零，然后將scrollLeft設置為=到更改的位置。

更重要的是，一個更好的解決方案是覆蓋onscroll事件。

window.onscroll = function(event){

 event.preventDefault() // Stops the page from scrolling vertically.


 window.scrollLeft = event.scrollTop // This is not the correct event attribute, youll have to locate it yourself.
}

Answer 3

這是一個執行此操作的jQuery插件，您可以將其指定為僅在鼠標懸停在目標元素上時才起作用： http : //flowplayer.org/tools/scrollable/index.html

Answer 4

您可以關聯到滾動事件，檢查正在滾動的平面，如果它是垂直平面，則將差異設置為水平滾動，並將垂直滾動設置為其先前的值。 雖然我可以想象這將是非常昂貴的。