aa.html中含有iframe标签 iframe的src指向bb.html 在bb.html中 有个div的position的值为fixed 此时如果通过直接打开aa.html 则那个含有position:fixed的div无法随着滚动条的滚动而滚动 如果直接打开bb.html 则该div可以随着滚动条的滚动而滚动 其原因是因为直接打开aa.html的话 拥有position:fixed的div是随着它本身所在的窗口的滚动条的滚动而滚动的 那么此时该div所在的页面是被iframe包含的那个页面 换句话说是iframe所在页面的子页面 而iframe只是它所在页面的一个元素而已 因此无法实现我们想要的随着滚动条的滚动而滚动 实际上它是滚动的 只不过不是随着顶级窗口的滚动而滚动 而是随着iframe所包含的那个子窗口的滚动而滚动而已
iframe包含的position:fixed无效的原因
最新推荐文章于 2024-08-18 21:47:24 发布