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

Question

在移动 Chrome 中，当我在打开的 navbar 上触摸滚动时，页面会滚动到它后面，这很烦人。另外，当我的navbar有很多item时，它也会滚动，当到达顶部或底部时，页面会继续滚动，这更烦人，整体用户体验也很差。

有什么方法可以在.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;
 }
}