我可以在网页上劫持垂直滚动动作并将其水平移动吗？

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

您可以关联到滚动事件，检查正在滚动的平面，如果它是垂直平面，则将差异设置为水平滚动，并将垂直滚动设置为其先前的值。 虽然我可以想象这将是非常昂贵的。