案例:我有一个电子应用程序,可将网页加载到网络视图中。 Webview位于容器内部,容器本身是可滚动的。
当前行为:滚动网页视图时,如果我到达网页视图无法再滚动的页面底部,并且如果我继续滚动,则包含网页视图的容器将开始滚动。 / p>
我想要的东西:在这种情况下,我不希望容器滚动。
我尝试过的事情:我尝试捕获容器 wheel 事件。在正常滚动中会触发该事件,但在我要捕获的特定情况下不会触发该事件。我还尝试过将预加载脚本注入Web视图中,并监听文档中的wheel事件。在任何情况下,都不会触发转轮事件。
答案 0 :(得分:0)
此行为称为“滚动链接”,有时是不需要的。通过使用应用于容器的overscroll-behavior属性,应该可以在CSS级别禁用它。
例如,如果HTML容器为<div class="webview-container"> </div>
:
div.webview-container { overscroll-behavior: contain; };
为了安全起见,您可能还想尝试其他值组合(auto
,contain
,none
)...