滚动垂直时如何水平滚动?

时间:2015-01-20 02:55:09

标签: javascript html css

所以我已经尝试了几个小时。有关如何使网页滚动而不是向下滚动的任何提示或想法?

编辑:当有人垂直滚动时,不是垂直滚动,而是水平滚动。

1 个答案:

答案 0 :(得分:5)

以下是您的需求:

示例: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?ver=1.3.2'></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>

又一个例子:http://jsfiddle.net/ye259/4/