如何在特定iframe滚动条的滚动条上调用适当的JavaScript方法

How to call an appropriate JavaScript method onscroll of a specific iframe scrollbar

本文关键字：滚动条 调用 JavaScript 方法 iframe      更新时间：2023-09-26

场景：我有一个名为main.html的html页面，其中有3个iframe，id分别为左、中、右。

我们有三个独立的html页面，分别命名为leftsection.html、middlesection.html和rightsection.html

左iframe将其src指向leftsection.html，中iframe指向middlesection.html而右iframe则指向rightsection.html。

所有三个iframe都有各自的滚动条，并且数据是使用延迟加载动态加载的。在这里，我需要在左iframe的滚动上调用method1，在中iframe滚动上调用method2，在右iframe上调用method3。

问题：如何调用左iframe上的方法1、中iframe的方法2和右iframe下的方法3？

注意：

使用的滚动条是jQuery滚动条，而不是默认的滚动条。

任何帮助都会很棒。

您需要在这些滚动条上绑定事件，但问题是它们位于iframe中，无法像$('iframe .scrollbarDiv')一样从默认值访问，因为它位于不同的window上下文中。

要访问此iframe，您需要遵循"如何使用Javascript访问iframe元素？"？

相关文章：