Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > css body如何实现不出现滚动条

css body如何实现不出现滚动条

藏色散人
Lepaskan: 2023-01-04 09:38:18
asal
2829 orang telah melayarinya

css body不出现滚动条的实现方法:首先打开相应的HTML页面;然后在chrome浏览器下设置样式为“body::-webkit-scrollbar{display: none;}”即可。

css body如何实现不出现滚动条

本教程操作环境:Dell G3电脑、Windows7系统、Chrome76.0&&CSS3版本。

推荐:《css视频教程

css让body不出现滚动条

提到隐藏滚动条,我们首先想到的是overflow: hidden,但这么设置后,页面就无法滚动了,让body隐藏滚动条又可以滚动,我们可以使用伪元素::scrollbar,在chrome浏览器下,可以这么设置:

body::-webkit-scrollbar{
    display: none;
}
Salin selepas log masuk

效果如下,滚动条隐藏了,而且页面也能继续滚动。

1.gif

Atas ialah kandungan terperinci css body如何实现不出现滚动条. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan