div滚动条时div内容显示一半

最新推荐文章于 2024-05-30 18:55:27 发布
最新推荐文章于 2024-05-30 18:55:27 发布
阅读量908 收藏
点赞数

本文为博主原创，未经允许不得转载

今天在做页面浏览器适配时，将页面中的一个div进行放大时，出现了滚动条，但滚动条对应div中的

内容只能显示一半。

仔细对应属性样式时，div具有overflow:hidden样式，导致显示一半。

其具有的特性为：内容会被修剪，并且其余内容是不可见的。

当去除时就ok了

weixin_33726313
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
限制div高度当内容多了溢出时显示滚动条
09-25
关于如何限制div的高度并在内容溢出时显示滚动条，这是一个在网页设计中非常实用的技巧。特别是在我们想要在一个有限的空间内显示尽可能多的内容，而又不想破坏页面的整体布局时，我们通常会采用这种技术。接下来，...
html div 上下显示不全,flex布局滚动问题，子元素无法全部显示的解决办法
weixin_42116794的博客
06-17 2561
flex布局使用起来非常方便，对于水平垂直居中的需求，很容易就能实现。但是前不久，在做全屏弹窗遮罩登录的时候，遇到了flex布局滚动的一个问题，在此记录一下。问题重现理想情况下，当然是下面的状态，网页的高度适中，登录框垂直水平居中。但是，当调整浏览器的高度时，问题就出现了。可以看到，当网页的高度比登陆框的高度小时，哪怕滚动条已经在顶部了，也看不到登录框的顶部，如果登陆框的右上角有关闭按钮的话，那么...
关于div的滚动条滚动到底部，内容显示不全的问题。（已解决）
asdfgh0077的博客
12-14 1606
关于div的滚动条滚动到底部，内容显示不全的问题。（已解决）
在DIV中设置内容超出后自动显示滚动条（可分别设置横向竖向是否展示）
最新发布
TC0221的博客
05-30 1900
利用overflow:auto属性实现侧边或者横向出现滚动条，也可以利用overflow-x:hidden设置横向滚动条隐藏或者overflow-y:hidden实现纵向滚动条隐藏，实现单边出现滚动条！
【bug】el-popover样式问题引起页面双滚动条，单独页面设置body样式
花椒和蕊的博客
01-06 1929
el-popover样式问题
内容溢出滚动时显示不全的问题
MoreMoreLiberty的博客
01-27 3524
滚动时内容显示不全；设置overflow：auto后滚动显示不全；
给div加滚动条 div显示滚动条设置代码
09-25
在前端开发中，给div元素添加滚动条是一种常见的操作，它能够提供滚动内容的视图，类似于文本编辑区域textarea。在添加滚动条之前，开发者需要注意为div元素设置高度和宽度，否则滚动条可能不会正确显示。 要给div...
div模拟滚动条当div宽度小于18时滚动条不滚动
12-03
这段代码创建了两个红色边框的`div`，它们都设置了`overflow-y:auto`属性，这意味着当内容超出容器的边界时，会显示垂直滚动条。内部的`div`高度为600像素，远超过外部`div`的200像素高度，所以应该会出现垂直滚动条...
实现div滚动条默认最底部以及默认最右边的示例代码
08-28
在网页开发中，我们经常需要实现div滚动条默认最底部以及默认最右边的效果，以便用户可以快速地查看最新的信息内容。今天，我们将分享一个简单而实用的示例代码，帮助大家快速实现这种效果。 首先，让我们来了解...
【css】页面出现两个滚动条以及只有一半页面显示内容的解决方法
tyrantForever的博客
07-08 4326
可能当修改页面的margin等属性时会出现页面只有一半的页面显示内容的情况，此时我们可以修改css代码来解决问题 代码实现： body{overflow:hidden} html{/*overflow-y:scroll;*/ } html{overflow: auto; } 注意：该代码为css代码，需要放到sytle属性当中。 分析：博主暂时没有搞清楚出现这种情况的原因，今天写前端代码的时候修改了一下一个标签的margin属性，然后就出现了页面只有上半部分显示内容的情况，当时写的内容也没有
IE浏览器，局部div滚动条，下拉加载
weixin_45791806的博客
01-11 301
防止IE下 下拉加载 多条数据 // 先初始一个变量 var b=0 function scroll(){ //给div绑定一个scroll事件 $('.main').bind('scroll',function(){ var nDivHight = $(".main").height(); nScrollHight = $(this)[0].scrollHeight; nScroll
vue中better-scroll滚动底部无法完全显示
weixin_43994434的博客
08-09 2725
问题描述：滚动条拉到底，有部分内容不能完全显示 在better-scroll中滚动的高度由content内容的高度所决定 所以很有可能是滚动区域的高度小于内容高度。
Vue页面无法竖向滚动导致显示不全
Slay__的博客
10-03 2756
VUE页面无法竖向滚动 在当前页面的最外层div标签中设置样式 .fragment-container{ height: 100vh; overflow-y: scroll; max-width: 100vw; margin: 0 auto; }
html左右滚动div隐藏部分div,只让DIV出现横向滚动条,窗口不要有滚动条
weixin_33095355的博客
06-04 707
画面上有一些内容显示,然后我要显示一定数量的div元素,按照下拉框的数量,设置成横向显示.下拉框的数量是一屏幕显示的个数, 总共的数量我暂时在source里面固定写成40.比如一屏显示10个, 我就可以往右拖动滚动条 显示所有的div.现在的问题是,我的代码的滚动条是窗口的,拖动的时候,屏幕上其他内容也被拖动,看不到了,比如下拉框.我想实现的功能是 在最外层container的div加上滚动条.我...
div 超出部分隐藏有滚动条
weixin_44828486的博客
12-08 1088
滚动条
页面刷新后滚动条部分默认滚动到指定位置
mao871863224的博客
08-17 1054
列表页面进入详情页面，在列表页点击靠后的图片，进入详情页之后左侧有个列表滚动区域，在该区域让该图片默认指定。 接口异步返回后，数据处理完成后，设置一个setTimeout（）异步处理 主要实现的原理就是：利用异步，接口返回是异步，在这个异步返回数据之前，dom元素还没有被渲染完成，这里说的还没被渲染完成的dom元素只包括绑定数据的DOM元素，比如for循环等，angular中任意一个初始化的生命周期函数都获取不到for内的DOM元素，只能等异步数据返回后才能获取到 getPostsData（） { //这里
div的滚动条滚动到底部，内容显示不全的问题
LCG元的博客
07-30 2119
设置css样式： /* 内容样式 */ #content-Div{ position:fixed; top:5em; width:100%; overflow-y:auto; }
DIV滚动条设置添加 CSS滚动条显示与滚动条隐藏
06-09
要在DIV中添加滚动条，可以使用CSS中的overflow属性。将其设置为auto或scroll，当内容超出DIV的高度或宽度时，就会出现滚动条。示例代码如下： ```css div { height: 200px; width: 300px; overflow: auto; /* 或者 overflow: scroll; */ } ``` 如果想要隐藏滚动条，可以使用CSS中的::-webkit-scrollbar伪元素。将其样式设置为display:none即可。示例代码如下： ```css div::-webkit-scrollbar { display: none; } ``` 这样就可以隐藏滚动条了。注意，这种方式只适用于WebKit浏览器（例如Chrome和Safari）。如果要在其他浏览器中隐藏滚动条，需要使用其他方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值