叙述性网页：带有滚动的translateX

Question

我需要一个像这样的函数： https://highline.huffingtonpost.com/articles/en/poor-millennials/

有一个.horizontal-scroll格。水平滚动可以使用鼠标滚轮进行。我需要像这样的jQuery代码。

谁可以帮助我？我会非常感激！

Answer 1

这是您需要的：

示例：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/