页面如何自动出现滚动条(overflow属性用法)
1个回答
展开全部
1、今天在调试程序时犯了一个低级错误,就是有关页面内容出现滚动条的用法:
(1)刚开始在Body用了Overflow:hidden这个属性溢出元素时,隐藏,这种情况下是不会自动出现滚动条的
(2)然后加了overflow:scroll;该属性虽然也显示滚动条,但是该滚动条只有元素溢出时滚动条才会滚动
(3)而当元素的高度小于滚动条的高度时,滚动条只有一道边不滚动,这种滚动不好。
(4)还有一种方法就是直接设成overflow:auto; 用这种方法只有当内容溢出时,才会出现滚动条。
法1:Overflow:Hidden;Overflow-y:scroll; 这种方法需要设高度,不建议采用这种方法,该属性虽然也显示滚动条,但是该滚动条只有元素溢出时滚动条才会滚动,而当元素的高度小于滚动条的高度时,滚动条只有一道边不滚动,这种滚动不好。
需要注意的是:法2不用设高度,当内容溢出时,会自动出现滚动条;
(1)刚开始在Body用了Overflow:hidden这个属性溢出元素时,隐藏,这种情况下是不会自动出现滚动条的
(2)然后加了overflow:scroll;该属性虽然也显示滚动条,但是该滚动条只有元素溢出时滚动条才会滚动
(3)而当元素的高度小于滚动条的高度时,滚动条只有一道边不滚动,这种滚动不好。
(4)还有一种方法就是直接设成overflow:auto; 用这种方法只有当内容溢出时,才会出现滚动条。
法1:Overflow:Hidden;Overflow-y:scroll; 这种方法需要设高度,不建议采用这种方法,该属性虽然也显示滚动条,但是该滚动条只有元素溢出时滚动条才会滚动,而当元素的高度小于滚动条的高度时,滚动条只有一道边不滚动,这种滚动不好。
需要注意的是:法2不用设高度,当内容溢出时,会自动出现滚动条;
七鑫易维信息技术
2024-09-02 广告
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业,迄今已专注眼球追踪技术的研发、创新与应用超过14年,拥有完全自主知识产权,全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌,七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询