zoukankan      html  css  js  c++  java
  • 【前端】设置和隐藏滚动条的方法

    常见浏览器滚动条

    让竖条没有:

    让横条没有: 两个都去掉 框架页如果以上并不能解决,可以尝试以下方法:
        html {overflow-y: hidden;}   隐藏竖滚动条
        html {overflow-x: hidden;}   隐藏横滚动条
    

    滚动条有以下属性:
    body{style=“overflow-y : auto;height”} body浏览器自带的默认值。
    overflow-y : visible | auto | hidden | scroll
    visible :  不剪切内容也不添加滚动条。
    auto :   在需要时剪切内容并添加滚动条。
    hidden :   不显示超过对象高度的内容,这里不对这个属性作介绍,大家喜欢的话可以自己尝试。
    scroll :   总是显示纵向滚动条。

    vue设置隐藏滚动条

    设置滚动条(很少用到)

    overflow-x: scroll; 
    white-space: nowrap;
    隐藏滚动条(常用在App.vue中设置)
    ::-webkit-scrollbar {
      width: 0 !important;
    }
    ::-webkit-scrollbar {
      width: 0 !important;
      height: 0;
    }

    本文章最初发布于https://blog.csdn.net/qq_44690237/article/details/100564853

    一往无前虎山行,拨开云雾见光明。
  • 相关阅读:
    JAVA面向对象概述
    练习
    字符串
    图形代码
    assets转到内外部存储
    file存储
    sp存储
    Intent练习
    存储登录
    存储
  • 原文地址:https://www.cnblogs.com/XIAOGUAI9/p/14610792.html
Copyright © 2011-2022 走看看