• 技术文章 >web前端 >前端问答

    css怎么禁止滚动条

    藏色散人藏色散人2021-04-02 11:29:04原创80

    css禁止滚动条的方法:1、在里加入“scroll="no"”实现隐藏滚动条;2、通过设置“”实现在不需要时隐藏滚动条;3、通过overflow属性隐藏滚动条。

    本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

    CSS 禁止滚动条

    CSS 禁止滚动条,有4种方法,具体如下:

    1、完全隐藏

    在<boby>里加入scroll="no",可隐藏滚动条;

    <boby scroll="no">

    2、在不需要时隐藏

    指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;

    反之,则显示;

    <boby scroll="auto">

    3、样式表方法(这个比较好用)

    在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条;

    加入style="overflow-y:hidden",可隐藏垂直滚动条。

    被包含页面里加入

    <style>
    html { overflow-x:hidden; }
    </style>

    4、另一种方法

    <style type="text/css">
    body {
    overflow-x:hidden;
    overflow-y:hidden;
    }
    </style>
    <style type="text/css">
    html {
    overflow-x:hidden;
    overflow-y:hidden;
    }
    </style>

    推荐学习:《css视频教程

    以上就是css怎么禁止滚动条的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css不透明度怎么设置 下一篇:css和javascript之间有什么区别
    第15期线上培训班

    相关文章推荐

    • 深入浅析css属性选择器• css的注释是什么• css怎么实现翻转效果• css怎么实现禁止点击• css怎么设置元素一直旋转

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网