在iframe中单击时，页面滚动到顶部

Question

我正在编译一个bubble.is（快速应用程序开发平台）应用程序，当我单击iframe内的滑块范围时，它将主页面（父页面）滚动到顶部。我没有任何滚动或页面移动功能。

我试图用jquery阻止某些钩子，但是我对Web设计还不够熟悉。

var iframeSource = 'example.com';
    var iframe = document.createElement('iframe');
    iframe.setAttribute('src', iframeSource);
    iframe.setAttribute('id', 'the_iframe');

    iframe.style.width = 1200 + 'px';
    iframe.style.height = 2000 + 'px';
 document.body.appendChild(iframe);

因此，当我单击滑块时，会在控制台中收到以下错误消息：

[Violation]向滚动阻止的“ mousewheel”事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”，以使页面更具响应性。参见https://www.chromestatus.com/feature/5745543795965952 当它跳到顶部时