滚动下拉菜单时如何防止正文滚动。?

时间:2017-04-11 06:55:44

标签: javascript jquery html css

滚动下拉菜单时如何防止正文滚动。? 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> 

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

2 个答案:

答案 0 :(得分:0)

如果您想阻止pip uninstall setuptools pip install setuptools 下面的文本区域滚动,请尝试添加Emporio Kannur...事件侦听器并停止事件传播,因此它不会冒泡到mousewheel jquery插件

这样的事情:

horizon

您还可以查看horizon plugin's code,并对其进行调整,使其不会滚动某些事件。

答案 1 :(得分:0)

您可以对此

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