在下拉菜單上滾動時如何防止身體滾動？

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();
})