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

Question

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

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

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

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

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

Answer 1

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

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