css 无滚动条 |css获取手机高度

/* 方法一 */
body {
overflow: hidden;
}
/* 方法二 */
::-webkit-scrollbar {
width: 0;
height: 0;
}
/* 方法三 */
body {
scrollbar-width: none;
}

上面的三种方法均能达到隐藏滚动条的效果，不过都有一些细微差别。

第一种方法无需指定滚动条的样式，因为它让整个页面的滚动条都不可见了。

而第二种方法是通过 CSS 中的伪类选择器::-webkit-scrollbar来指定滚动条的宽度和高度为 0，实现无滚动条的效果。需要注意的是，这种方法只适用于浏览器 WebKit 内核的版本，比如 Safari 和谷歌浏览器。

第三种方法比较新，它是通过 CSS 属性scrollbar-width: none;来实现无滚动条的效果，不过也只适用于较新的浏览器。

需要注意的是，在某些情况下，隐藏滚动条可能会影响页面的可访问性，因为用户可能没有预期的滚动条来操作网页。因此，在使用这些方法时，大家需要慎重考虑。