如何在垂直滚动时水平滚动？ [英] How to Horizontal Scroll when scrolling vertical?

问题描述

所以我一直在努力几个小时。

编辑：当某人垂直滚动时，不是垂直滚动而是滚动水平。

例如： http://css-tricks.com/examples/HorzScrolling/

代码： http ：//css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

  $（function（）{
 $（body）。mousewheel（function（event，delta）{
 this.scrollLeft  -  =（delta * 30）; 
 event.preventDefault ）; 
}）; 
}）
 
< script type ='text / javascript'src ='http：//ajax.googleapis.com/ajax/libs/的jquery / 1.3.2 / jquery.min.js版本1.3.2' =>？< /脚本> 
< script type ='text / javascript'src ='/ js / jquery.mousewheel.min.js'>< / script> 
  

更多示例： http://jsfiddle.net/ye259/4/

So I have been trying for hours. Any tips or ideas on how to make a webpage scroll horizontal instead of scrolling down?

Edit: When someone scrolls vertically, instead of scrolling vertically you scroll Horizontally.

解决方案

Here is what you need:

Example: http://css-tricks.com/examples/HorzScrolling/

Code: http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

$(function() {
  $("body").mousewheel(function(event, delta) {
  this.scrollLeft -= (delta * 30);
  event.preventDefault();
  });
})

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>

One More Example: http://jsfiddle.net/ye259/4/

这篇关于如何在垂直滚动时水平滚动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！