javascript - 强制浏览器显示滚动条的CSS

标签 javascript html css

我编写了一个 Web 应用程序,发现当我调整页面大小时,浏览器不会在窗口缩小时显示它自己的滚动条。这会阻止用户访问内容。我已将主体宽度设置为 500px,并将导航栏设置为 white-space:nowrap。如何让浏览器识别屏幕右侧有内容?

澄清一下,我想要浏览器的滚动条,而不是任何控件上的滚动条。

最佳答案

您可以使用以下选项之一,具体取决于您是要添加水平滚动条、垂直滚动条还是同时添加滚动条:

body    {overflow-x:scroll;}
body    {overflow-y:scroll;}
body    {overflow:scroll;}

但是,我认为如果你在一个部分显示内容然后做

#id-of_your_div {overflow:scroll;}

因此,您向 div 添加滚动条而不是强制浏览器显示滚动条,那么您的页面将提供更好的用户体验,因为这样的滚动条更易于用户访问。

关于javascript - 强制浏览器显示滚动条的CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13864549/

相关文章:

html - twitter bootstrap 在点击时使用下拉菜单更改按钮的背景颜色

css - 悬停在小尺寸 View 中充当点击

javascript - TR中选中和取消选中复选框的最佳方法

javascript - 单元测试javascript代码风格

javascript - 使用 Node.JS 进行实时图形处理

html - 将 CSS 与 HTML 链接起来……很简单

jquery - 如何复制图像并将其添加为其父背景图像?

javascript - 内容溢出到 div 之外

html - 导航栏下的组件

html - 接受从 0 到 60 的数字,但不允许前导零