如何从浏览器窗口中删除滚动条

时间:2017-11-10 07:44:24

标签: html css overflow horizontal-scrolling vertical-scrolling

如何从浏览器窗口中完全删除滚动条? 我知道你应该使用溢出,但溢出被覆盖。
我不知道为什么它被覆盖了。我尝试了其他方法来解决溢出问题。

我的代码:

  #column1 {
    background-color: #ffe6e6;
    list-style: none;
    border-width: 4px 4px 4px 4px;
    border-style: solid;
    width: auto;
    height: auto;
    left: 1%;
}

   #column2 {
    background-color: #ffe6e6;
    list-style: none;
    border-style: solid;
    width: auto;
    height: auto;
    left: 2%;
}


 html,
   body {
   overflow:hidden
   }

4 个答案:

答案 0 :(得分:3)

看到这个

在正文标记

上设置overflow: hidden;
body {
    overflow:hidden;
}

上面的代码隐藏了水平和垂直滚动条。

如果您只想隐藏垂直滚动条,请使用overflow-y:

body {
    overflow-y:hidden;
}

如果您只想隐藏水平滚动条,请使用overflow-x:

body {
    overflow-x:hidden;
}

以及所有

body {
  overflow: hidden;
}

和ie 7

html {
  overflow: hidden;
}

答案 1 :(得分:1)

试试这个:

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

答案 2 :(得分:0)

试试这个。

let Params = new HttpParams();
Params = Params.append('actors[]', 'Jane');
Params = Params.append('actors[]', 'Elvis');
Params = Params.append('actors[]', 'Frances');
this.http.get(url, { params: Params }); 

答案 3 :(得分:0)

您似乎忘记了用分号关闭属性,因此未应用该属性。与其他帖子类似,它应如下所示:

html, body {
    overflow: hidden;
}