当使用iframe嵌套多页并切换时，发现返回原页面滚动位置会重置。文章提到，可能是由于将iframe的display属性设为none导致，建议使用visibility:hidden保持页面布局。另一种方法是将滚动绑定到body，设置body的overflow-y属性为scroll。
问题叙述：
1.使用iframe同时嵌入多个页面时，页面html根节点控制页面滚动
2.选择一个iframe页面滚动到某个位置，点击切换到其他页面，再切换回原来页面会发现滚动位置自动到顶部了。
理解：
当将包含在网页中的iframe元素的display属性设置为none时，它会被隐藏并从页面布局中移除，可能会导致其他元素的位置发生变化。如果iframe中的嵌入页面本身具有滚动条，则更改iframe的显示属性可能会影响嵌入页面的滚动位置。可以尝试使用visibility:hidden来隐藏iframe而不会影响嵌入页面的滚动位置。
或者将滚动挂到body上设置body滚动overflow-y:scroll
扫一扫
593
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
