如何控制只出现竖滚动条

handy_wzh 2009-07-31 09:55:23

如题。

...全文

272 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhulong1111 2009-07-31

打赏
举报

style="height: 520px; width:100%; overflow-y: scroll; overflow-x: hidden;"

wang520d 2009-07-31

打赏
举报

试着先GOOGLE

在被包含页里加入
<style>
html { overflow-y:hidden; }
</style>

或者1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
<body scroll="no" style="overflow-x:hidden">
没有垂直滚动条
<body scroll="no" style="overflow-y:hidden">
没有滚动条
<body scroll="no" style="overflow-x:hidden;overflow-y:hidden">或<body scroll="no" style="overflow:hidden">

farwy 2009-07-31

打赏
举报

解决思路：

　　我们希望是强制出现滚动条，但有时候我们并不希望出现滚动条，那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。

　　具体步骤：

　　方法一：设置CSS属性overflow为hidden。

　　＜body style="overflow:hidden"＞

　　方法二：设置body元素的scroll属性为no。

　　＜body scroll="no"＞

　　注意：

　　建议用方法一隐藏滚动条，用方法二的话在IE5.0中无法再用脚本对页面进行滚动进行操作。因为方法只是隐藏滚动条不显示，而方法二是直接设置为没有滚动条。这一点可以在本部分第六章的《问题6》中分别用本例的两种方法设置demo.htm页的滚动条来测试。在IE5.0上，用方法二隐藏demo.htm页滚动条后，控制页面滚动的功能将失效。

　　技巧：

　　如果只想隐藏横向或纵向上的滚动条，可以用overflow-x或overflow-y来设置。

farwy 2009-07-31