CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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将强制永远不会成为滚动条.

大佬总结

以上是大佬教程为你收集整理的css – 如何在尚不存在的情况下补偿Vertical Scrollbar全部内容,希望文章能够帮你解决css – 如何在尚不存在的情况下补偿Vertical Scrollbar所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。