javascript - 需要在浏览器底部保留包含iFrame的div

标签 javascript html css dom-events

我有一个包含 iFrame 的 div,我想确保它始终停留在浏览器窗口的底部。当页面滚动(或至少更新其位置)时,我需要它保持固定在那里。我试过了

position: fixed; bottom: 0px; left: 0px

但无济于事。如果我想要屏幕顶部的 div,我可以很容易地做到这一点,我只需将 div 顶部更新为 document.body.scrollTop 的值。任何帮助将不胜感激。

最佳答案

捕获 window.onresize 事件。在该事件处理程序中,根据滚动位置和窗口计算 div 的 x、y 位置。将 div 的 top 和 left 属性设置为您计算的 x,y 坐标。您还需要使用 window.onload 事件来定位 div,以确保它从正确的位置开始。

关于javascript - 需要在浏览器底部保留包含iFrame的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4690533/

相关文章:

javascript - 如何在 Nodejs 中将用户的电话号码设置为密码恢复选项

html - 页面全宽的按钮与其他按钮内联

html - 按钮和输入字段不响应鼠标事件

html - 如何适合输入文本类型的边框?

javascript - 在不使用 html 的情况下为文本着色

javascript - 按钮事件和点击深度

javascript - 如何在包含外部范围时取消引用 JavaScript 变量

javascript - 使用 .live() 和 item.length 绑定(bind)事件失败

javascript - CasperJS填充adwords关键词规划器

javascript - onclick 打开子窗口并提交表单