css怎么去掉滚动 |appearance css

/*去掉整个页面的滚动条*/
body {
overflow: hidden;
}
/*去掉页面某个元素的滚动条，比如一个div*/
div {
overflow: hidden;
}

以上两种代码中，大家通过将元素的overflow属性设置为hidden来去掉滚动条。这是一种通用、简单粗暴的方法，但是需要注意的是，如果你这样做，可能会导致某些内容被隐藏，用户无法看到。因此，这种方法只适合在滚动条真的非常影响视觉体验时使用。

还有一种方式是只在需要的时候去掉滚动条，可以通过JavaScript来实现。

/*只有当页面高度大于等于浏览器窗口高度的时候才隐藏滚动条*/
if (document.body.scrollHeight >window.innerHeight) {
var style = document.createElement('style');
style.innerHTML = 'body::-webkit-scrollbar { display: none; }';
document.head.appendChild(style);
}

像上面这段代码，大家可以判断当前页面高度是否大于等于浏览器窗口高度，如果是，就在标签中添加一段标签来隐藏滚动条。这种方法比较安全，可以确保内容不会被隐藏，只在需要的时候去掉滚动条。

总之，无论使用哪种方法去掉滚动条，都需要考虑到用户的视觉体验，保证其依然能够方便地浏览网页的所有内容。