页面过长 没有滚动条 可以强制加

最新推荐文章于 2020-10-13 11:17:29 发布
最新推荐文章于 2020-10-13 11:17:29 发布
阅读量381 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_15432/article/details/82069005
本文介绍了一种在HTML中将body元素包裹在一个具有特定样式的div标签内的方法。该div设置了滚动条样式、边框宽度，并固定了宽高比例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<div style="overflow-y: scroll;border: 1;width: 100%;height: 100%" >
<body>
</body>
</div>

就是在body外面套了一个div
iteye_15432
关注
HEXO+ICARUS主题配置安装经验分享
一粒米的博客
02-22 4261
1前言 曾经折腾过Hexo+Next主题，但是很长时间都没有文章产出，因为习惯了使用印象笔记记录东西，现在想着换个主题，重新开始。 2安装Git和Node.JS 2.1下载Git和Node.js Git：https://git-scm.com/download/win Node.js：https://nodejs.org/zh-cn/download/ 安装全部默认设置，一路Next即可。...
html 页面超出范围没有自动出现滚动条
热门推荐
深海小黄鱼
09-11 2万+
原错误代码： #container { width: 90%; position: fixed; left: 5%; height: 100%; overflow:auto;  margin: 0 auto; } ...... 变更后代码： #container { width: 90%; overflow:auto;  margin
做的网页右边没有滚动条，内容超出也看不到怎么办
huhao0829的博客
08-28 7592
！！！！肯定是内容被包在一个position：fixed的框里了。。debug了半天，血的教训，分享一下
强制显示、隐藏浏览器的滚动条
weixin_34348111的博客
11-16 217
2019独角兽企业重金招聘Python工程师标准>>> ...
强制显示、隐藏(IE\Mozilla)浏览器的滚动条实现代码
09-25
尤其是在页面内容与浏览器窗口大小不一致时，通常会出现滚动条以便用户可以查看隐藏的内容。然而，有些特定的页面设计要求可能需要隐藏滚动条，使页面看起来更为简洁。本知识点将介绍如何使用CSS代码来强制显示或...
jsp中为表格添加水平滚动条的方法
10-21
在网页设计中，有时我们需要在表格中添加水平滚动条以便在数据过多时用户可以方便地浏览。在JSP（JavaServer Pages）中，这可以通过HTML和CSS，以及可能的JavaScript来实现。以下是一个详细的步骤来解释如何在jsp...
解决layui数据表格table的横向滚动条显示问题
10-16
通过这种做法，可以避免页面加载时横向滚动条被浏览器强制隐藏，从而减少或消除横向滚动条出现的几率。 此外，还有一种方法是通过JavaScript控制页面的body高度，确保它至少等于视口的高度。这样做可以确保在页面...
html让局部强制出现滚动条不破坏整体的样式和布局
12-14
通过这些属性，我们可以让滚动条与页面的整体色调和设计风格相匹配，提升用户体验。 在这个范例代码中，`<div>` 还设置了宽度 `width:752px` 和高度 `HEIGHT:380px`，确保内容不会溢出，同时强制在水平方向上显示...
div包裹页面后多余部分没有显示，也没滚动条 overflow 属性设置
weixin_34221073的博客
03-25 1065
今天弄个div套着一个页面结果那个页面超出范围后页面没有滚动条可以滚动浏览下面的内容，原来是设置了overflow的hidden属性 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被...
CSS 自定义滚动条和强制显示
qq_29005021的博客
08-09 882
<div class="frame"> Foo<br /> Bar<br /> Baz<br /> Help I'm trapped in an HTML factory! </div> .frame { overflow-y: auto; border: 1px solid blac...
页面内容过长，如何定位页面滚动条
Teng_s2000的专栏
03-29 7346
有一个页面，由于内容太长，所以出现了垂直滚动条；在页面中，有多个按钮可执行服务器端代码，如此一来，点击了某一按钮执行操作并完成操作后，页面又重新定位在顶端，如果要执行相同按钮的代码，这时候又要拖动滚动条来寻找到相应按钮才能操作，如此，给客户的印象一点都不好，有没有一种办法，能够智能的定位在页面中的位置，比如，点击哪个按钮进行操作，操作完成之后，仍然定位在那个按钮的位置，而不定位在页面顶端呢，还请大
当table列宽过长时设置滚动条
weixin_41634885的博客
11-04 2501
原文链接：https://blog.youkuaiyun.com/weixin_35751376/article/details/68947506 <div style="overflow:auto;width:100%"> <table width="auto" style="white-space:nowrap"> <tr><td><...
可视化页面标题过长（文本过长）横向滚动
qq_40811733的博客
10-13 1701
需求是在可视化页面中，顶部标题如果很长，显示不完全情况下，需要从右向左滚动，这里是在vue中实现，可根据实际情况修改 1，html代码，第一个span是需要显示标题，第二个是，如果标题过长，实现无痕连接滚动 // 两个span标签里面都放一个span空标签是为了滚动的时候，中间出现一段距离，效果更好，当isShowIntval为false时，即不需要滚动，所以第一个span标签里的span不需要显示，标题就会居中显示 <div class="topStyle"> <div r
mui.confirm内容区域超出滚动问题解决
u011591179的博客
04-02 1805
今天写项目用到了mui.confirm()来显示一个协议，但是协议有点长，直接顶出我的屏幕了； 我就想着把.mui-popup-text这个div的最大高度定义一下max-height:300px;overflow:auto; 本以为大功告成，结果试了一下，鼠标滚轮可以滚动，但是触摸拖动就不行了，我以为是被css屏蔽了触摸，于是我去加了个属性：pointer-events:auto;结果肯定还是不...
强制显示隐藏浏览器滚动条css
bymyself11的专栏
08-04 1万+
强制显示滚动条代码:   html { overflow: scroll; }   强制隐藏滚动条:   html { overflow: hidden; }   隐藏IE的水平滚动条:   html { overflow-x: hidden; }   隐藏IE的垂直滚动条:   html { overflow-y: hidden; }   强制显示IE的水平滚动条
页面超出部分滚动,但不显示滚动条
qq_40544291的博客
10-29 6042
效果如下: 最初看到这效果,是在pc端的知乎登录页.所以就去百度了方法. 注意:利用 css 3 的新特性 -webkit-scrollbar, 但是这种方式不兼容 火狐 和 IE 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>超出部分...
H5页面内容超出宽度如何加滚动条
最新发布
05-14
针对H5页面内容超出宽度需添加滚动条的CSS解决方案，可以通过以下步骤实现： ### 一、基础横向滚动方案 ```css .container { width: 100%; overflow-x: auto; /* 关键属性：触发横向滚动 */ white-space: nowrap...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值