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怎么实现滚动条默认为隐藏状态,当要滚动的时候滚动条才显示出来的主要内容,如果未能解决你的问题,请参考以下文章

ScrollView如何用代码设置滚动条

CSS如何隐藏滚动条?

如何隐藏滚动条?

怎么用css设置火狐浏览器默认滚动条样式

css 怎么设置内容滚动,滚动条隐藏

css隐藏div滚动条