首页 前端知识 html去除页面的滑动条

html去除页面的滑动条

2024-01-24 15:01:19 前端知识 前端哥 827 631 我要收藏
CSS 禁止滚动条,有4种方法,具体如下:
1、完全隐藏
  1. 在<body>里直接加入,可隐藏滚动条;


例如:
<body scroll="no">,隐藏滚动条;
<body scroll="auto">宽度或高度大于页面的宽或高时,不显示滚动条,反之,则显示;
<body style="overflow-x:hidden"> 可隐藏水平滚动条;
<body style="overflow-y:hidden"> 可隐藏垂直滚动条。

2、另一种方法,写在<style type="text/css">中


<style type="text/css">
body {
scroll="no"
scroll="auto"
overflow-x:hidden;
overflow-y:hidden;
}
</style> 
 
<style type="text/css">
html {
scroll="no"
scroll="auto"
overflow-x:hidden;
overflow-y:hidden;
}
</style>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/180.html
评论
发布的文章

@JsonSerialize注解的使用

2024-06-24 23:06:21

npm install报错

2024-06-24 23:06:56

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!