向此Javascript添加由鼠标滚轮触发的“冷却时间”

时间:2018-07-09 19:01:37

标签: javascript squarespace

我正在使用Squarespace主题,并且遇到了一些我希望大家都能帮助我解决问题的经验。

页面上有一系列水平滚动的图像。默认情况下,滚动不执行任何操作。在论坛上提供了以下代码,以通过单击左箭头或右箭头来滚动控制图像。

我想知道最好的和最有效的方法是向函数添加简单的“冷却”效果,以便在下一次滚动之前有完整的延迟。

当前,滚动仅循环显示3或4,非常敏感。我觉得这会惹恼用户。

感谢您的帮助。这是相关页面:http://nicpadula.com/brand-design

 <script>
 $(function() {
   $("body").mousewheel(function(event, deltaY) {
     if (deltaY > 0){
       $(document).ready(function()
       {
         $("div.arrow-wrapper.left").click(); 
       });
     }
     else if (deltaY < 0){
       $(document).ready(function()
       {
         $("div.arrow-wrapper.right").click(); 
       });
     }
   });
 });
 </script>

0 个答案:

没有答案