スクロール時のボディスクロールを防止する方法ドロップダウンメニュー？

Question

スクロール時のボディスクロールを防止する方法ドロップダウンメニュー。 1

親愛なる友人、

実際に私は私のプロジェクトで問題に直面しています。 see project

このページでは横スクロールしました。そのスムーズに動作しています。 しかし、私はドロップダウンメニューのページをスクロールするときにもスクロールします。ドロップダウンメニューでマウスを動かしたときにページのスクロールを防ぐオプションはありますか？私は、水平スクロールに使用し、ここでのスクリプトの追加

：

<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プラグインまでバブルアップしないでください。あなたはまた、horizon plugin's codeを見て、それが特定のイベントにスクロールしないようにそれを適応させることができ

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

：このような

何か。

Answer 2

あなたは、あなたのリンクはブロックされた高リスクウェブサイトとして表示されます。この

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