如何在浏览器窗口较小时显示滚动条？

我在整个网站和在线研究了这个问题，似乎无法找到解决方案。我有一个非常简单的网站，中间有一个视频播放器。如何在浏览器窗口较小时显示滚动条？

我似乎无法弄清楚如何使滚动条出现，让你可以看到所有的内容，当你打开该网站在iPad或iPhone - 或者当你在浏览器窗口小，

这是iPad的一个大问题，因为这意味着观众无法播放视频播放器。我该如何解决？

我一直在想我的CSS中存在一些导致问题的东西。但也许它可以在我的文档的头部使用简单的javascript行来修复？

我添加了overflow：scroll;我的身体标记已经...无济于事。

这里是我使用我认为解决这个问题的CSS：

body { 
    border: 0; 
    vertical-align: baseline; 
    list-style: none; 
    text-decoration: none; 
    line-height: normal; 
    margin: 0; 
    padding: 0; 
    background: #195f88; 
    background-image: url(../images/subtle-pattern-10.jpg); 
    font-size: 14px; 
    overflow: scroll!important; 
}

来源

2012-10-27 nikijordan

此外，我可以看到滚动条轨道...但你仍然不能“滚动”很奇怪！我向播放器的div标签添加了一个滚动条，并且出现了该条，但仍然不允许您滚动。我很沮丧。 – nikijordan

如果iPad不想显示滚动条，则无法真正强制它 - 这是浏览器的决定。它提供了一个滚动内容的其他界面。 – Bergi

没关系，但是当我缩小浏览器窗口时，滚动条仍然没有激活... – nikijordan

第一件事的第一 - 本网站的HTML代码写的不好。非常糟糕。它是如何将内容区域放在边栏div内的？为什么它使用（非常）大的相对位置声明进行定位？为什么侧边栏固定在第一位？

恐怕没有人（我知道）可能可以帮助你，除非你严重重构你的代码。问题是，目前，您的页面没有尺寸 - 因为所有内容都是浮动或固定位置，页面的“流动”中没有任何内容，因此在技术上，您无需显示任何内容，只要浏览器可以看到即可。你的运气是你没有

#wrap { overflow: hidden; }

试试吧 - 看看会发生什么来证明我的意思。

来源

2012-10-28 01:15:33 CrimsonKing

如何在浏览器窗口较小时显示滚动条？

回答

相关问题