CSS设置overflow:scroll 只能上下滚动

内容摘要

这篇文章主要为大家详细介绍了CSS设置overflow:scroll 只能上下滚动示例，具有一定的参考价值，可以用来参考一下

文章正文

这篇文章主要为大家详细介绍了CSS设置overflow:scroll 只能上下滚动示例，具有一定的参考价值，可以用来参考一下。

CSS中"overflow:scroll"默认是左右，上下都滚动。怎么设置只上下滚动而不左右滚动，
下面有个不错的解决方法如何设置成：
当长度超出DIV长度的时候，只有上下滚动，左右无论超出多长都不滚动，也不会出现下面的滚动杆？

如果左右没有超出内容时，用overflow:auto;如果左右有超出内容，用overflow-x: hidden;

不过IE本身也是有问题的：在设置Frame时，有一属性是scrolling="yes/no/auto"，
IE6的Mozilla都支持，但很显然地，IE的开发人员在这个地方懒了一下，
他们对auto的理解很不人性化。auto的意思是自动，就是要的时候有，不要的时候没有。
但如果设成auto，则在网页过长需要出竖起滚动条时，IE会自动地把水平滚动条也显示出来，
哪怕网页完全不超宽。而设成yes时，IE则会一直出竖直滚动条，而不随便出水平条，这差不多是对的。
所以如果要用Frame的话，还是要把这个属性设成Yes，这完全是为迁就IE。
Mozilla则在任何时候都是对的。首先通过firebug找到对应的div最后代码如下：

注：关于CSS设置overflow:scroll 只能上下滚动示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 JS操作Cookies 下一篇 js 控制图片大小

作者：喵哥笔记

学的不仅是技术，更是梦想！