我正在使用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>