相关疑难解决方法(0)

我有一个div可能会在添加或删除内容时溢出.

然而,UI设计者不希望看到但不活动的滚动条(与之一样overflow: scroll),并且他们不希望在添加和删除内容布局时更改内容布局(如同overflow: auto).

是否有办法获得此行为,并考虑不同平台和浏览器上的不同滚动条.

https://jsfiddle.net/qy9a2r00/1/

我目前正在研究关于汽车旅行的项目http://wayfi.ru和

我最近遇到了一个问题 - 页面内容在垂直滚动出现后向左移动.怎么预防这个？

据我所知,如果有必要,可以始终显示禁用的滚动并启用它.

你知道更好的技术吗？

许多程序员已经询问如何停止他们的网页内容 - 特别是他们的中心网页内容(margin: 0 auto;) - 在垂直滚动条出现时水平移动(被推).这对于Ajax用户和像我这样使用隐藏div和标签来组织数据的人来说一直是个问题.

当当前显示的页面改变使得所显示的材料的高度(内窗口高度)突然大于物理窗口高度时,会出现问题.

所有滚动条都不相同的现实加剧了这个问题.不同的浏览器为它们的滚动条赋予不同的宽度,并且不能(或者,至少,不应该)预测该差异.简而言之,理想的解决方案是滚动条宽度无关.

因此,这是一个自我回答的问题,在2017年8月5日之前将所有这些答案与其有用性(在可能的情况下)的评论以及我自己的解决方案汇总到一个答案.我已将其标记为重复我可以找到以前的问题,以便人们可以找到有关该问题的全面讨论.

请注意,这个答案解决了BODY内容转移的问题.如果您的DIV具有固定高度且存在移位问题,则应将DIV宽度设置为固定(px)宽度,以使其滚动条浮动在文本上方并添加一些右侧填充以防止文本落在其下方.贡献者:Hashbrown, Avrahamcool, Edward Newsome