IE8 为不需要的滚动条留出空间
我的页面是带有标题的 3 栏设计。它在 IE6 和 IE7 中渲染得很好（据我所知）。我使用 javascript 来调整页面某些元素的大小，以适应浏览器窗口。然而，在 IE8 上，它会尝试为滚动条留出空间，即使它们没有渲染，从而在调整大小时产生跳跃效果（页面在留出间隙和不留间隙之间交替。）
如果我在我的 css 中设置了溢出：滚动它解决了这个问题，但是我不希望滚动条在不需要时显示，所以这只是一个临时修复。
有什么方法可以让我的页面拉伸到最大宽度和高度（使用javascript）并且仅在需要时才获得滚动条？
My page is a 3 column design with a header. It renders nicely in IE6 and IE7 (as far as i know). I use javascript to size certain elements of the page, to fit the browser window. On IE8 however, it tries to leave spaces for scrollbars, even when they are not rendered, resulting in a jumping effect when you resize (Page alternates between leaving the gap, and then not.)
If i set overflow:scroll in my css it resolves the issue, however i do not want the scrollbars to show when not needed, so this is only a temporary fix.
Is there any way i can get my page to stretch to maximum width and height (with javascript) and only get scrollbars when needed?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我想，既然我想得更多了，你的想法就颠倒过来了。
IE7 及更低版本始终显示滚动条（如果不需要，请将其禁用）。因此，当需要滚动时，无需更改 UI 即可启用/禁用滚动。
从 IE8 开始，情况不再如此。当需要滚动时，页面会跳转以适应滚动条所需的新空间。对于默认情况下不显示滚动条的任何浏览器也是如此。
如果你在 body 上设置
overflow:scroll，你将使所有浏览器默认显示滚动条，并且它应该防止跳转。I think you have your thinking reversed now that I've thought about it more.
IE7 and below always showed the scrollbar (disabling it if its not needed). So, when scrolling is needed, the UI doesn't need to be altered to enable/disable scroll.
Since IE8 this is no longer true. When scrolling is needed, the page jumps to accomidate the new needed space for the scrollbar. The same is true for any browser that doesn't show the scrollbar by default.
If you set
overflow:scrollon the body you will make all browsers show the scrollbar by default and it should prevent the jumping.您始终可以添加
overflow-x:hidden来抑制水平滚动条。当与overflow:scroll配合使用时，它将通过水平滚动条执行您想要的操作。垂直滚动条将保持可见，但将被禁用。
You can always add
overflow-x: hiddento inhibit the horizontal scrollbar. When paired withoverflow: scroll, it will do what you want with the horizontal scrollbar.The vertical scroll bar will remain visible, but it will be disabled.
Width=100% 在 IE8 中不起作用..特别是对于表格
http://www.velocityreviews.com/forums/t691164-table-100-and-horizontal-scrollbar-why.html
尝试使用 width=99% 或 98%
Width=100% not working in IE8 .. especially for tables
http://www.velocityreviews.com/forums/t691164-table-100-and-horizontal-scrollbar-why.html
Instead try to use width=99% or 98%