"过度滚动行为"属性在 Web 视图上不起作用



我在我的网站中有一个固定定位的模式,具有弹性布局,用户可以在其中键入内容。我已经在模式中包含overscroll-behaviour-y: none,以防止基础页面滚动并禁止在文本内容滚动时刷新。虽然,它适用于 chrome,但它不适用于 webview,当用户键入大量数据并尝试向上滚动时会导致页面刷新。我尝试将overscroll-behaviour属性包含在所有父元素中,包括 html 和正文,但它没有效果。我的方法有问题吗?

这是我的示例模态 css

position: fixed;
z-index: 110;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
overscroll-behavior-y: none;
z-index: 115;
display: flex;
overflow: hidden;
flex-direction: column;
justify-content: space-between;

根据: https://caniuse.com/#feat=css-overscroll-behavior

仅供参考,Safari仍然不支持此道具。

最新更新