如何使用Javascript和PHP使用鼠標滾輪啟用水平滾動

Question

我正在使用WPShower的Portra主題： http ://wpshower.com/demo/?preview_theme = portra，我希望能夠使用鼠標滾輪進行水平滾動，而不必抓住並拖動滾動條。

我發現我認為是代碼和插件鏈接，可以從另一個討論Portra姐妹主題的論壇上幫助我實現這一目標： 如何防止jquery.mousewheel.js在Wordpress中加載到頁面上，但我不知道確切在哪里將代碼粘貼到Wordpress中的php文件（header.php或其他）中。

如果有人能指出我正確的方向，我將非常感激。

Answer 1

我會用jQuery的。 在頭部分粘貼兩個腳本鏈接：

<script type='text/javascript' src='/js/jquery.min.js'></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>

然后在</body>之前輸入：

<script>
  $("#element").mousewheel(function(event, delta) { // #element - your element id which has horizontal overflow
      this.scrollLeft -= (delta * 30);
      event.preventDefault();
   });
</script>

試了自己，做得很好。 jquery和mousewheel的下載鏈接： http : //www.mediafire.com/download/x6vwofzc0x5aeel/jquery_+_mousewheel.zip