Javascript 当浏览器窗口变小时,如何使滚动条显示?

Javascript 当浏览器窗口变小时,如何使滚动条显示?,javascript,iphone,css,browser,scrollbar,Javascript,Iphone,Css,Browser,Scrollbar,我在这个网站上和网上研究过这个问题,似乎找不到解决办法。我有一个非常简单的网站,中间有一个视频播放器。 我似乎不知道如何显示滚动条,以便在iPad或iPhone上打开网站时,或者在缩小浏览器窗口时,可以看到所有内容 这对iPad来说是个大问题,因为这意味着观众不能玩视频播放器。我该如何解决这个问题 我一直在想我的CSS中有什么东西导致了这个问题。但是,也许可以在我的文档头部使用一行简单的javascript来修复它 我添加了溢出:滚动;到我的身体标签了。。。无济于事 以下是我正在使用的CSS,我

我在这个网站上和网上研究过这个问题,似乎找不到解决办法。我有一个非常简单的网站,中间有一个视频播放器。 我似乎不知道如何显示滚动条,以便在iPad或iPhone上打开网站时,或者在缩小浏览器窗口时,可以看到所有内容

这对iPad来说是个大问题,因为这意味着观众不能玩视频播放器。我该如何解决这个问题

我一直在想我的CSS中有什么东西导致了这个问题。但是,也许可以在我的文档头部使用一行简单的javascript来修复它

我添加了溢出:滚动;到我的身体标签了。。。无济于事

以下是我正在使用的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;
}

首先,这个网站的HTML代码写得很糟糕。非常糟糕。 内容区域是如何放置在边栏div中的? 为什么要使用(非常)大的相对位置声明来定位它? 为什么边栏首先是固定的

恐怕没有人(据我所知)可以帮助您,除非您对代码进行大量重构。问题是,目前您的页面没有维度——因为所有内容都是浮动的或位置固定的,页面的“流”中没有任何内容,因此就浏览器所能看到的而言,从技术上讲,您没有任何内容可显示。 你的运气是你没有

#wrap { overflow: hidden; } 

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

另外,我可以看到滚动条轨迹。。。但你还是不能“滚动”很奇怪!我在播放器的div标签上添加了一个滚动条,滚动条出现了,但仍然不允许滚动。我很沮丧。如果iPad不想显示滚动条,你不能强迫它——这是浏览器的决定。它提供了另一个界面来滚动内容-通过滑动。好吧,但当我缩小浏览器窗口时,滚动条仍然没有激活…代码“溢出:滚动”之间必须有一个空格!重要提示:“它仍然无法使卷轴正常工作。”(你可以在这里看到网站: