【问题标题】:Only Enable Scrollbar on Body And Disable on Other Div with CSS HTML仅使用 CSS HTML 在正文上启用滚动条并在其他 div 上禁用
【发布时间】:2017-08-26 06:34:54
【问题描述】:

有没有办法只在 body 上启用滚动条而在其他 div 上禁用?

此代码禁用所有地方的所有滚动条:

::-webkit-scrollbar {
    display:none;
}

如何只在body上启用?


已编辑

改变溢出不是我想要的。假设我想创建适合移动设备的视图编辑器,它能够在 div 内容中上下滚动,但滚动条应该被隐藏。正文中的滚动条是必需的,因为我必须从我的桌面网络浏览器编辑视图。

在这种情况下更改溢出将无济于事。

【问题讨论】:

    标签: html css scrollbar


    【解决方案1】:

    这两个 CSS 属性可以用来隐藏滚动条:

    #parent{
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
    
    #child{
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }
    

    jsfiddle:http://jsfiddle.net/5GCsJ/954/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-08-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-25
      相关资源
      最近更新 更多