我想禁用导航滑动。当用户向左或向右滑动时,我不希望网页前进或后退。
我注意到我们可以在html元素上将touch-action设置为none以防止这种行为。但是,当滚动带有一些溢出的子元素时,它将“链接”滚动,然后允许返回导航。
因此,我考虑在html元素上添加-ms-scroll-chaining: none,但仅当元素滚动时才起作用。所以在html上添加overflow: scroll实际上就可以解决问题了。但现在我的其他浏览器上显示了滚动条。
什么是正确的操作方式?
我注意到我们可以在html元素上将touch-action设置为none以防止这种行为。但是,当滚动带有一些溢出的子元素时,它将“链接”滚动,然后允许返回导航。
因此,我考虑在html元素上添加-ms-scroll-chaining: none,但仅当元素滚动时才起作用。所以在html上添加overflow: scroll实际上就可以解决问题了。但现在我的其他浏览器上显示了滚动条。
什么是正确的操作方式?
html {
-ms-touch-action: none; /* Doesn't work if scrolling from child element */
-ms-scroll-chaining: none; /* Works only with the next line */
overflow: scroll; /* With this line all the other browsers have a scrollbar */
}