css怎么实现滚动条默认为隐藏状态,当要滚动的时候滚动条才显示出来
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css怎么实现滚动条默认为隐藏状态,当要滚动的时候滚动条才显示出来相关的知识,希望对你有一定的参考价值。
css怎么实现滚动条默认为隐藏状态,当要滚动的时候滚动条才显示出来
参考技术A 用hover默认 overflow:hidden
悬浮 overflow:scroll
<!DOCTYPE html>
<html>
<head>
<style>
.box
width: 400px;
height: 200px;
border: 1px solid #000;
overflow: hidden;
.box:hover
overflow: scroll;
;
</style>
</head>
<body>
<div class="box">
<span>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
测试测试测试测试<br>
</span>
</div>
</body>
</html>
CSS浏览器下边出现滚动条 急!!
我在做一个网页时。有一张图片的宽式1600px,而我的显示器设置的分辨率是1440*900的,于是在浏览时浏览器下边出现了滚动条。我该怎么调啊。。
两个方法。第一就是将图片设为背景图片
bodybackground:url(图片地址) no-repeat
第二就是设置容器宽度,再加个overflow:hidden 参考技术A 买个显示器
以上是关于css怎么实现滚动条默认为隐藏状态,当要滚动的时候滚动条才显示出来的主要内容,如果未能解决你的问题,请参考以下文章