使滚动条不占空间

波特·摩根

我正在用html制作应用程序,并且需要有一个滚动条。但是,每当我添加一个时,它都会将所有内容移至滚动条所需的必要空间。这搞砸了应用程序的布局。因此,我需要一种使滚动条简单地叠加在页面顶部的方法,这意味着页面仍然位于页面后面。我已经知道如何设置滚动条的样式以使背面透明,我只需要滚动条不占用任何空间即可。

提前致谢!

韦斯利·默奇(Wesley Murch)

如果不使用可疑的技巧,就无法使滚动条出现内容的顶部,而且这也不是最好的主意,因为它将影响应用程序的可用性。如果滚动条位于内容上方,则可能会隐藏链接/文本/等。

理想情况下,页面的样式应使其适应不同的浏览器/页面宽度而不会中断。特别是只有一点滚动条。

无论如何,这是一种可能会有所帮助的解决方法:

html {
    overflow-y: scroll;
}

添加此样式将确保滚动条轨道始终存在,并且还将在滚动条出现/消失时避免出现“跳动”页面。同样,真正的解决方案是使用灵活的布局。

附带说明一下,通常不建议设置滚动条的样式。它不能跨浏览器运行,通常将被完全忽略。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章