javascript - 在 HTML 中单击滚动条的箭头时滚动的像素数

Question

有没有一种方法可以控制当用户单击滚动条的箭头(而不是滑动滚动条本身)时滚动 HTML 元素内容的像素数，可能使用 CSS 和 Javascript？

Answer 1

使用这个。 http://archive.plugins.jquery.com/project/mousewheel

加载 JQuery 和鼠标滚轮插件。

  <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>

然后做这样的事情:

$(function() {

   $("body").mousewheel(function(event, delta) {

  this.scrollLeft -= (delta * 30);

  event.preventDefault();

   });

});

请注意我说的是“类似这样的东西”，您需要修改和/或添加代码以获得您想要的结果，这只是让您走上正确的道路