在下拉菜单上滚动时如何防止身体滚动？

Question

在下拉菜单上滚动时如何防止身体滚动？ 1

亲爱的朋友们，

实际上我在项目中面临问题。 见项目

我在此页面上进行了水平滚动。 它工作顺利。 但是当我在下拉菜单上滚动时，页面也会滚动。 鼠标悬停在下拉菜单中时，有什么选项可以防止页面滚动？

在此处添加用于水平滚动的脚本：

<script type="text/javascript">

// By default, swipe is enabled.

 $('section').horizon();

 // If you do not want to include another plugin, TouchSwipe, you can set it to false in the default options by passing in the option as false.
 //$('section').horizon({swipe: false});

 $(document).on('click', '.go-to-2', function () {
    $(document).horizon('scrollTo', 'section-section2');
 });
</script> 

请帮助我找出任何解决方案...

Answer 1

如果要防止Emporio Kannur...下面的文本区域滚动，请尝试添加mousewheel事件侦听器并停止事件传播，以使它不会出现在horizon jquery插件上。

像这样：

// .work_detail_wraper contains the text you down want to see scrolling
$('.work_detail_wraper') 
  .on('mousewheel DOMMouseScroll' , function(e) { 
     e.stopPropagation() 
  })

您还可以查看一下Horizo​​n插件的代码 ，并对其进行调整，以使其在某些事件下不会滚动。

Answer 2

您可以为此使用“ stopPropagation（）”

$('.section-section2').scroll(function(e){
    e.stopPropagation();
})