页面如何自动出现滚动条(overflow属性用法)


1、今天在调试程序时犯了一个低级错误,就是有关页面内容出现滚动条的用法:

(1)刚开始在Body用了Overflow:hidden这个属性溢出元素时,隐藏,这种情况下是不会自动出现滚动条的

(2)然后加了overflow:scroll;该属性虽然也显示滚动条,但是该滚动条只有元素溢出时滚动条才会滚动

(3)而当元素的高度小于滚动条的高度时,滚动条只有一道边不滚动,这种滚动不好。

(4)还有一种方法就是直接设成overflow:auto;  用这种方法只有当内容溢出时,才会出现滚动条。

法1:Overflow:Hidden;Overflow-y:scroll; 这种方法需要设高度,不建议采用这种方法,该属性虽然也显示滚动条,但是该滚动条只有元素溢出时滚动条才会滚动,而当元素的高度小于滚动条的高度时,滚动条只有一道边不滚动,这种滚动不好。

法2:overflow:auto;

需要注意的是:法2不用设高度,当内容溢出时,会自动出现滚动条;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM