要让滚动条不动,可以使用CSS样式来控制,具体操作如下:
(图片来源网络,侵删)1、在HTML文件中创建一个<style>
标签,用于编写CSS样式。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>让滚动条不动</title> <style> /* 在这里编写CSS样式 */ </style> </head> <body> <!在这里编写HTML内容 > </body> </html>
2、在<style>
标签内,为需要让滚动条不动的元素添加一个类名,例如noscrollbar
。
<style> .noscrollbar::webkitscrollbar { display: none; /* Chrome, Safari and Opera */ } .noscrollbar { msoverflowstyle: none; /* IE and Edge */ scrollbarwidth: none; /* Firefox */ } </style>
3、将需要让滚动条不动的元素的类名设置为noscrollbar
。
<div class="noscrollbar"> <!在这里编写需要让滚动条不动的内容 > </div>
这样,滚动条就会变为不可见状态。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。