您现在的位置:首页 >> 前端 >> 内容

CSS禁用滚动条但仍可滚动代码实现

时间:2018/4/20 11:14:59 点击:

  核心提示:CSS禁用滚动条但仍可滚动这样做:*{margin: 0;padding: 0;/* border: 1px solid red; *//* box-sizing: border-box; */}ht...

CSS禁用滚动条但仍可滚动

这样做:

*{
    margin: 0;
    padding: 0;
    /* border: 1px solid red; */
    /* box-sizing: border-box; */
}

html{
    overflow: hidden;
}

body{/*滚动条将显示在body区域*/
    overflow-y: scroll;/*按需要显示*/
    overflow-x: hidden;/*始终不显示x方向的滚动条*/
    width: calc(100vw + 20px);/*设body宽为比视窗宽还要宽20像素,这样就可以把滚动条隐藏在视窗外*/
}

Tags:CS SS S禁 禁用 
作者:网络 来源:奔跑的QQEE