HTML页面的垂直滚动条不见了

最新推荐文章于 2024-06-01 15:00:43 发布
最新推荐文章于 2024-06-01 15:00:43 发布
阅读量5.6k 收藏 1
点赞数
分类专栏： Web页面

                       HTML页面的垂直滚动条不见了

 

转载:https://blog.csdn.net/jiulanhao/article/details/73929506

 

HTML页面的垂直滚动条不见了~
HTML页面的垂直滚动条不见了~找了半天也没有找到原因~~最后在body标签加了一个style="overflow-y:scroll;"问题解决
 
<body style="overflow-y:scroll;">

 

韩师学子--小倪
关注
专栏目录
项目问题----页面滚动条问题
huohuoit的博客
08-24 759
这是我在制作一个内容超出页面可视区的设置界面时，滚动条处遇到的一个问题。经导师指导后分析拓展总结了如下几个问题 先来看看我的问题：在最右边滚动条滚动的时候，不希望滚动条滚动到页面主体内容上边（十分影响美观），也就是头部设置这个div部分 1、页面布局问题 首先我的理解是，页面出现滚动条是与页面的内容高度是有关的，滚动条应该在页面主体内容内出现，而不是在头部类似导航栏这种位置出现。应该注意到：滚动条的滚动长度 = 页面内容的 height: 100%。 犯错：我在做初始页面布局的时候，给头部设置这
页面滚动条样式修改
qq_32578989的博客
06-21 1268
全局的样式文件中添加重置滚动条样式代码： /* 滚动条整体样式 */ ::-webkit-scrollbar { width: 4px; height: 4px; } /* 滚动条里面小方块 */ ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; } 样式图片： /*滚动条整体样式*/ ::-webkit-scrollbar { width: 10px; /*高宽分别对应横竖滚.
html页面内容超出后显示水平滚动条的问题
weixin_34345560的博客
03-22 5691
这个问题已经遇到好几次，解决起来也熟练了很多。 出现这种问题一般都是html或页面中的某一内部元素宽度超了。 下面总结我遇到的几种情况： 1、某一内部元素width设为100%，然而它还有border的宽度，border的宽度不包含在width中，所以结果超了。 2、span行内元素，由于它是行内元素，不设display:block之类，宽度设定对它没用，当初弄的时候没有意识到这个问...
html 页面自动滚动,js监听html页面的上下滚动事件方法
weixin_42309785的博客
05-30 542
最近在一个项目中，在写前端页面的时候，想像以前做Android时在页面时刻监听上下滚动的事件，查找资料发现由鼠标或类似用户动作触发的事件有以下图示：不多说了，直接上代码了，经过测试可以使用：Domefunction scroll(){//console.log("打印log日志");实时看下效果console.log("开始滚动！");}var scrollFunc = function (e) ...
页面滚动条处理
fangbubu
01-11 245
GOOGLE到一些有用的资料： [DIV+CSS]XHTML下的滚动条问题 1.xhtml下滚动条的颜色问题？ 在原来的html的时候，我们可以这样定义整个页面的滚动条 body{ scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/ scrollbar-highlight-color:#fff; /*- 左二 -*/ sc...
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
01-20
然而，默认情况下，Scroll-View在滚动时会显示滚动条，这可能会影响页面的整体美观。本实例主要讲解如何在微信小程序中实现Swiper切换卡时，内嵌的Scroll-View不显示滚动条。 首先，我们需要了解涉及的关键组件和...
元素圆角与内部滚动条的矛盾
前端向朔
09-23 1857
文章目录概述元素圆角与滚动条方案一方案二方案实现自定义滚动条扩展遗留问题 概述 我们在写 web 页面的时候，除了页面原生的滚动条，比如 HTML 的滚动条，BODY 的滚动条之外，还有一种比较常见的滚动条，那就是元素内部滚动条，我们在利用元素内部滚动条的时候会遇到什么问题呢，我们如何自定义滚动条。 元素圆角与滚动条 比如迅雷客户端，除了最右边的滚动条是页面滚动条，其他两个都是元素内部滚动条。 ...
Taro Image组件设置宽高为100%时出现纵滚动条
qq_41221030的博客
12-02 1563
taro,滚动条
html下拉刷新原理,下拉刷新的基本原理
weixin_34355337的博客
06-04 755
下拉刷新的基本原理大部分的下拉刷新控件，都是用contentInset实现的。默认情况下，如果一个UIScrollView的左上角在导航栏的正下方，那么它的contentInset是64，而contentOffset是-64。继续下拉的话，contentOffset就会越来越小，如果上滑，contentOffset就会增大，直到左上角达到屏幕的左上角时，contentOffset刚好为0默认情况下...
JavaScript全面解析：获取页面与屏幕尺寸方法
- `document.body.scrollTop`：获取或设置页面垂直滚动条的位置。 - `document.body.scrollLeft`：获取或设置页面水平滚动条的位置。 - `document.documentElement.scrollTop`：在IE8及以上版本和非IE浏览器中，...
为div添加滚动条.html
04-16
为div添加滚动条 html 欢迎下载
页面滚动条样式设置
Fansr_的博客
08-18 1万+
一、全局滚动条样式设置： ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background-color: #99a9bf; } ::-webkit-scrollbar-track { -webkit-box...
笔记：页面中滚动条样式设置
伪成年的博客
10-23 253
1、清除页面中的滚动条 html { /*隐藏滚动条，当IE下溢出，仍然可以滚动*/ -ms-overflow-style:none; /*火狐下隐藏滚动条*/ overflow:-moz-scrollbars-none; } /*谷歌适用*/ ::-webkit-scrollbar{ display:none; } 2、修改页面滚动条样式 ::-webkit-scrollbar {
如何设置页面滚动条
wxiao_xiao_miao的博客
03-14 1495
:root { ::-webkit-scrollbar { width: 7px; height: 5px; background: #fff; border-radius: 5px; /*外层轨道*/ } ::-webkit-scrollbar-thumb { display: block; width: 2px; margin: 0 auto; border-radius: 5px; background: #ccc;.
HTML网页滚动条使用整理_网页滚动条使用详解
最新发布
天马3798
06-01 886
HTML Document 滚动条，自动出现；当网页内容超出浏览器可视宽度或者高度，滚动条自动出现；不同浏览器滚动条样式效果不同。1.js绑定2.jquery 绑定3.js滚动条监听：滚动条事件，操作滚动条滚动。
页面出现不必要的滚动条，怎么调试？
朱登凯的专栏
08-20 2599
不知道你有没有遇到过这样的情况，明明一个网页上的内容不多，却出现了一个纵向的滚动条。 有些强迫症的你，很想找出是哪个地方的height设置错了。如果你遇到过这样的问题，应该明白我在说什么。 我今天就遇到了这样的问题。我的解决过程是这样的： 按F12进入调试模式，从body下逐个尝试给组件加display: none 这个属性，如果滚动条还存在，那说明跟它没关系，直到找到那个外层的元素，然后不断用这种方法来尝试他的子元素，最终就是它的height有问题。 ...
滚动条详解：跨平台iOS、Android、小程序滚动条隐藏及自定义样式综合指南
JINGWHALE
04-21 3419
随着用户界面体验提升的要求，滚动条自定义样式以及滚动条隐藏精致化的需求日渐增加，本文详细介绍了小程序、iOS、Android平台滚动条的隐藏方法，以及滚动条一般自定义样式的方法。在保持界面整洁、避免内容溢出的同时，确保用户能够访问所有信息，提升浏览体验。
页面宽高-滚动条相关JS
bluelotos893的博客
05-28 268
/******************** * 取窗口滚动条距离文档顶部高度 ******************/ function getInfo() { var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight;...
HTML如何给页面设置滚动条 (简单，通俗易懂)
热门推荐
m0_60237095的博客
03-20 1万+
如何给页面设置滚动条
Winform实现水平与垂直滚动条的自定义技巧
根据给出的文件信息，有位网友已经发布了一个垂直滚动条的源码，并基于该源码修改出了一个水平滚动条。这个行为体现了社区协作和知识共享的精神，允许其他开发者通过学习和修改源码来实现自己的需求，促进共同进步。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值