【问题标题】:unable to scroll parent page when moused over iframe将鼠标悬停在 iframe 上时无法滚动父页面
【发布时间】:2017-05-31 02:35:51
【问题描述】:

我正在寻找一种方法,当用户的鼠标位于 iframe 中时,将鼠标滚轮事件启用到父 div。在我的website 上,我在第二页上有一个 iframe,几乎占据了整个屏幕。问题是,当我尝试滚动时,除非我的鼠标位于页面的最顶部或最底部(iframe 之外),否则它不起作用。结果是大多数访问者可能甚至都没有意识到这一点,也永远不会看到第三页,那里有我的简历和“关于我”的宣传语。

我是网页设计/开发方面的菜鸟,在尝试实现 iframe 时,我可能已经吃不消了!非常感谢任何帮助

【问题讨论】:

    标签: javascript html css iframe scroll


    【解决方案1】:

    只需用透明 div 覆盖 iframe。这将使鼠标滚轮再次起作用,但会使 div 无法点击。

    mouse scrolling wheel not working when the cursor is on the iFrame

    【讨论】:

    • 好的,所以我搜索了“使用 div 覆盖 iframe”,并偶然发现了 this 线程,它最终完美运行并花费了大约 2 秒。我的 iframe 只是加载我编写并保存在我网站的公共 html 目录中的脚本,所以这正是我所需要的。因此,虽然您的答案不是我正在寻找的确切解决方案,但您让我走上了正确的道路!谢谢!
    • 很高兴它在某种程度上有所帮助。
    猜你喜欢
    • 2022-12-18
    • 1970-01-01
    • 1970-01-01
    • 2015-11-16
    • 1970-01-01
    • 2022-06-19
    • 1970-01-01
    • 2019-03-03
    • 2020-01-05
    相关资源
    最近更新 更多