首页 > 其他分享 >html去除页面的滑动条

html去除页面的滑动条

时间:2023-06-26 14:00:55浏览次数:43  
标签:隐藏 scroll 滚动条 html 滑动 overflow hidden 页面

https://blog.csdn.net/WzhCsdnd/article/details/129465827

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;
}

————————————————
版权声明:本文为CSDN博主「Dear Wang.」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/WzhCsdnd/article/details/129465827

标签:隐藏,scroll,滚动条,html,滑动,overflow,hidden,页面
From: https://www.cnblogs.com/Dongmy/p/17505455.html

相关文章

  • HTML5 WebUploader 分块上传
    ​ 设计由来在实际的项目开发中常遇到超大附件上传的情况,有时候客户会上传GB大小的文件,如果按照普通的MultipartFile方式来接收上传的文件,那么无疑会把服务器给干崩溃,更别说并发操作了。于是笔者决定要写一个超大附件上传的方法,于是有此。功能实现图​编辑  功能介......
  • Login.cshtml
    @{ViewData["Title"]="Login";Layout="~/Views/Shared/_Layout_default.cshtml";}@sectionCss{<style>body{/*加载背景图*/background-image:url(../../icon/aa.png);......
  • IPList.cshtml
    @{ViewData["Title"]="IPList";Layout="~/Views/Shared/_Layout_layui.cshtml";}@sectionCss{}<divclass="demoTablelayui-form"style="padding:10px;background-color:#D4E7F0;">......
  • Edit.cshtml
    @{ViewData["Title"]="Edit";Layout="~/Views/Shared/_Layout_default.cshtml";}<formclass="layui-formlayui-form-pane"lay-filter="DataForm"style="margin:20px;"><div......
  • 爬虫如何通过HTML和CSS采集数据的 ?
    爬虫可以应用于各种应用场景,包括数据分析、市场研究、舆情监测、竞争报、价格比较、内容聚合等。对于需要大量数据的业务和研究领域,爬虫能够提供宝贵的支持。爬虫可以按照设定的规则从多个网进行批量数据抓取,比人工手动方式更高效。量数据,并支持后续的数据分析和决策。爬虫可以通......
  • 爬虫如何通过HTML和CSS采集数据的 ?
    爬虫可以应用于各种应用场景,包括数据分析、市场研究、舆情监测、竞争报、价格比较、内容聚合等。对于需要大量数据的业务和研究领域,爬虫能够提供宝贵的支持。爬虫可以按照设定的规则从多个网进行批量数据抓取,比人工手动方式更高效。量数据,并支持后续的数据分析和决策。爬虫可以......
  • 调试 Web 页面时如何替换请求响应结果
    开发jssdk项目的时候,经常会希望快速检查我们的改动在真实场景中的表现。我们不可能直接更新到生产环境,于是很多人会考虑配置代理,并替换响应内容。但代理配置起来并不方便,比如在ios/android真机上开关代理需要手动输入ip、端口。我们还有一些更便捷的方法:Chromelocalover......
  • 【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)
    在上文中,我们为大家介绍了HTML/JSP编辑器、智能代码完成和内容辅助等功能,本文将继续介绍Emmet支持、Outline视图功能等。MyEclipsev2023.1正式版下载MyEclipse技术交流群:742336981欢迎一起进群讨论如果您有HTML或JSP文件要编辑,这里将介绍如何编辑。查找以下信息:编辑源代......
  • html5之文件api
    这篇主要是探讨一下HTML5的文件API 1、FileList对象与file对象  FileList对象表示用户选择文件的列表,在HTML5中,加了multiple属性,file控件允许放置多个文件。控件内的每一个用户选择的文件都是一个file对象FileList对象是这些file对象的列表file对象有两个属性:name属性表示文......
  • 【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)
    在上文中(点击这里回顾>>),我们为大家介绍了HTML/JSP编辑器、智能代码完成和内容辅助等功能,本文将继续介绍Emmet支持、Outline视图功能等。MyEclipsev2023.1正式版下载如果您有HTML或JSP文件要编辑,这里将介绍如何编辑。查找以下信息:编辑源代码大纲和属性视图参数页面该功能在MyEcl......