使用电子Webview防止默认的嵌套滚动行为

时间:2019-04-29 11:25:58

标签: javascript html webview electron

案例:我有一个电子应用程序,可将网页加载到网络视图中。 Webview位于容器内部,容器本身是可滚动的。

当前行为:滚动网页视图时,如果我到达网页视图无法再滚动的页面底部,并且如果我继续滚动,则包含网页视图的容器将开始滚动。 / p>

我想要的东西:在这种情况下,我不希望容器滚动。

我尝试过的事情:我尝试捕获容器 wheel 事件。在正常滚动中会触发该事件,但在我要捕获的特定情况下不会触发该事件。我还尝试过将预加载脚本注入Web视图中,并监听文档中的wheel事件。在任何情况下,都不会触发转轮事件。

1 个答案:

答案 0 :(得分:0)

此行为称为“滚动链接”,有时是不需要的。通过使用应用于容器的overscroll-behavior属性,应该可以在CSS级别禁用它。

例如,如果HTML容器为<div class="webview-container"> </div>

div.webview-container { overscroll-behavior: contain; };

为了安全起见,您可能还想尝试其他值组合(autocontainnone)...