欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

总是显示在Firefox、Chrome、Safari和Opera的垂直滚动条, 有大用

总是显示在Firefox、Chrome、Safari和Opera的垂直滚动条,

张贴在HTML和CSS最后更新2009年6月20日

Firefox、Chrome、Safari和Opera默认只显示垂直滚动条如果网页上的内容比Internet Explorer窗口而始终显示垂直滚动条。当从页面到页面的一个短和长下它可以使周围的一些布局跳那么这个帖子说明如何解决这对其他浏览器。

解决方案

救你必须向下滚动并寻找答案,我会在这里再举一些例子,对我所说的。这部作品在Firefox 1.5版本和为其他浏览器的当前版本(我没有测试过其他版本)。(在iframe 里面是下面的代码)

html {
    overflow-y: scroll;
}
或者 
body{ overflow-y: scroll; }

以上两个最好不要同时用


或者 (也是 iframe 里面)

body { min-height: 100%; padding-bottom: 1px; }
或者 html 
 { min-height: 100%; padding-bottom: 1px; }

以上两个最好不要同时用

实例

这第一个截图显示短页面不需要垂直滚动条因为内容不超出窗口结束。

firefox with no scrollbars when not required

现在的内容不超越的最后一页,有一个垂直滚动条。对第一段文字的流动并不是如前面的例子一样,因为以前没有,现在有。

firefox with scrollbars when required

最后的例子有“html { overflow-y:滚动;}“设置垂直滚动条是永远存在的。你可以在下面的截图中有一个滚动条,但不是选择看这。

firefox always showing vertical scrollbars


相关文章:


普通分类: