css – 如何在尚不存在的情况下补偿Vertical Scrollbar

前端之家收集整理的这篇文章主要介绍了css – 如何在尚不存在的情况下补偿Vertical Scrollbar前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
也许这是一个简单的修复,但它已经让我疯了很长时间,所以我终于决定看看是否存在解决方案.

简而言之,我将大多数网页放在宽视口中.

例如,一个视口可能是1028px,我希望我的页面宽度只有960px.

所以我的CSS看起来像这样:

#pageWrapper { /* page width is 960 pixels */
    margin:0 auto;
    width:960px;
}

没问题.

当我启动一个比它的高度更短的动态页面然后我的页面在屏幕底部下方展开(通过jQuery slideOut等)并导致垂直滚动条出现时,会出现问题.

最终在slideOut期间使页面闪烁,然后在slideIn期间向右闪烁.

是否有一些方法通过CSS强制20px右边距并仍然利用保证金:0自动; ?

谢谢.

解决方法

页面内容不再垂直放置时,浏览器会在窗口右侧添加滚动条.这会更改浏览器窗口中的可用宽度,因此相对于窗口右侧居中或定位的任何内容都会向左移动一点.这很常见.

有很多方法可以控制它,但最常见的是要么通过控制窗口上的overflow-y属性来使它总是有一个滚动条或者永远不会有滚动条.

设置overflow-y:scroll将强制滚动条始终存在.

设置overflow-y:hidden将强制永远不会成为滚动条.

原文链接:https://www.f2er.com/css/217570.html

猜你在找的CSS相关文章