在导航栏打开时,避免滚动页面

时间:2017-03-08 21:56:19

标签: javascript twitter-bootstrap twitter-bootstrap-3

在移动Chrome中,当我触摸滚动打开navbar时,页面会在其后面滚动,这非常烦人。此外,当我的navbar有很多项目,并且它也会滚动时,那么当到达顶部或底部时,滚动将继续在页面上,这更加令人烦恼,并且整体上用户体验非常差。 / p>

有没有办法在.navbar-collapse容器中捕获触摸滚动事件,这样它们就不会影响其中的任何内容?

到目前为止我尝试的是这样的

$(".navbar-collapse").on("touchmove", function(e) { e.stopPropagation(); });

但它似乎无效,我猜这种行为在浏览器中更为深刻。

1 个答案:

答案 0 :(得分:0)

尝试在自定义css中添加此内容

@media(max-width:780px)
{
.navbar
 {
       position: absolute;
width: 100%;
max-height: 500px;
overflow-x: hidden;
overflow-y: scroll;
 }
}