我在我的网站中有一个固定定位的模式,用户可以在其中输入内容。我已经包含overscroll-behaviour-y: none
在模式中以防止底层页面滚动并抑制文本内容滚动时的刷新。虽然它适用于 chrome,但它不适用于 webview,当用户输入大量数据并尝试向上滚动时会导致页面刷新。我已经尝试将overscroll-behaviour
属性包含在所有父元素中,包括 html 和 body,但它没有任何效果。我的方法有问题吗?
这是我的示例模态 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;