嵌套div无法出现局部滚动

最新推荐文章于 2023-10-31 10:58:14 发布
最新推荐文章于 2023-10-31 10:58:14 发布
阅读量638 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css html 文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43565820/article/details/126778277
本文介绍了一个CSS技巧，如何设置div1使其在div2需要滚动时保持不滚动，通过添加`overflow:hidden`属性来实现内容隐藏，确保布局的整洁和独立滚动效果。

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

在这里插入图片描述
如图:此时想div2出现滚动而div1不滚动,需要给div1设置上overflow:hidden

vue3 - 详细实现商品列表无限下拉滚动懒加载数据，PC网站商城电商项目列表内鼠标下滑无限下拉加载功能，仿淘宝京东商品展示下滑加载更多数据，支持嵌套在div容器里进行滚动懒加载（示例代码，直接复制用
高级前端工程师
08-01 3853
vue3，nuxt3，商城系统，PC电脑端，网页，商城网站，商品列表，懒加载，无限滚动列表，淘宝京东商城，首页推荐列表，商品推荐无限列表，实现容器内无限下拉滚动懒加载数据，vue下拉滚动无限加载数据功能，支持移动端手滑、pc电脑端滚动条和鼠标拖动，数据列表在一个div元素内进行滚动懒加载，用户鼠标下滑时进行翻页，监听页面触底开启自动懒加载判断和请求合并数据，分页加载，无限下拉滚动加载，懒加载，vue数据懒加载，vue3实现无限滚动加载数据，vue实现下拉滚动无限加载数据，Vue实现列表虚拟滚动，实现无限滚动
python selenium 实现内嵌窗口滚动
scut_salmon的博客
11-06 2907
https://sqa.stackexchange.com/questions/25593/how-to-find-scroll-bar-xpath 滚动条不是网页的HTML元素，而是由于浏览器尺寸不足而加入的一个工具，因此它没有xpath，
div滚动条怎么设置_阻止嵌套滚动条的外层滚动行为
weixin_39932455的博客
11-24 955
需求描述在页面中的div模块出现滚动条的时候，操作当前div的滚动条时，外部document的滚动条保持禁止。实现原理设置开关，默认开启document的滚动条当鼠标移入到目标模块时候记录当前的document的scrollTop，关闭开关当鼠标移出目标模块开启开关window.onscroll判断开关是否开启，当开关关闭的时候，scrollTop恒设置为被记录的值let 点击此处查看Demo 此...
div固定不滚动
吴超沉思录
10-13 2008
首先来看CSS代码 #gg{ margin:0 auto; width:100%; position:fixed;z-index:99;}  分析代码： position属性主要是规定了DIV的定位，主要有以下几个属性       属性值 描述 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left"...
下层div的滚动条不滚动
sunny327的专栏
01-27 1789
正好项目需要， 记录一下，方便遇到这个问题的朋友。场景： 点击按钮后弹出暗层， 暗层上有组建需要滚动。需求是暗层里的组建可以使用滚动条， 暗层下的不能同时滚动。不能用overflow：hidden的方式， 因为原来的必须可以滚动， 如果暗层出来设置overflow：hidden的话会使视窗中的界面突然变宽。最开始想的想法是禁止document的滚动，并且单独给弹窗内需要滚动的组建绑定事件，不冒泡上...
CSS中position: fixed定位后div中内容不能滚动
山海有灵的专栏
10-31 1543
设置定位后，内容不能滚动。
CSS 设置 DIV 滚动不生效
空晓天
01-07 7550
CSS 设置 DIV 滚动不生效 记录日常开发中遇到的 css 问题 如果设置了 overflow 没有效果，可能是没有设置宽度和高度 如果设置了 overflow-y 没有效果，可能是没有设置高度 如果设置了 overflow-x 没有效果，可能是没有设置宽度 ......
一个页面两div,一个不显示滚动条，另一个显示滚动条
沧海一粟
11-23 811
一个页面： 按钮栏没有滚动条，内容栏有滚动条。 <div style="position:absolute;z-index:100;background:#eeeeee;margin-top:1px;"> 固定不动的内容在此 </div> <div style="overflow:scroll;width:200px;height:200px;border:1px solid red;position:absolute;z-index:1;padding-top:10px;
当分类导航固定后，它的高度如何计算，不然的话无法局部滚动
03-20
嗯，用户问的是当分类导航固定后，如何计算它的高度，否则无法实现局部滚动。首先，我需要理解用户的问题。他们在网页或应用界面设计中遇到了分类导航固定时的高度计算问题，导致局部滚动无法正常工作。这可能是因为...
vuePC端局部滚动
04-03
### Vue PC端局部滚动实现方式 在Vue项目中，可以通过多种插件来实现PC端页面中的局部滚动效果。以下是几种常见的方法及其具体实现： #### 方法一：使用 `vuescroll` 插件 通过安装并引入 `vuescroll` 插件可以...
放大网页让内容超过容器出现宽度滚动条
最新发布
06-21
2. 当容器嵌套时（如引用[1]），确保外层容器有`overflow: hidden`，内层设置`overflow-x: auto`实现滚动条局部化 3. 对表格等特殊元素，可直接在表格容器上应用`overflow-x: auto`（如引用[3]）
table中一个td设置了相对定位，导致另一个td中的div滚动条失效问题
qq_35474948的博客
07-09 488
原因是td默认的display属性为table-cell,当一个td设置了相对定位，会导致另一个td中的div滚动条失效 解决方案：将该滚动条所在的td的display属性设为block或inline-block ...
CSS实现嵌套滚动条（父元素横向滚动，子元素纵向滚动）
高振的博客
03-28 5587
CSS实现嵌套滚动条（父元素横向滚动，子元素纵向滚动） 关键属性：overflow-x和position 注意点：子元素设置overflow时会自动继承父元素的overflow属性，造成子元素显示的大小没有撑满 解决方法：子元素增加绝对定位，父元素增加相对定位，使子元素脱离文档流不再继承父元素的overflow属性 示例代码如下： <!DOCTYPE html> <html...
盒子多层嵌套不能滚动解决办法
qq_41619567的博客
11-09 907
连续几个盒子,在内容列表外的（最底部的）大盒子中给高度100%,overflow:scroll;就能使用了。
chrome浏览器中div出现滚动条但不能用鼠标滚动
qq_36802917的博客
02-07 2012
chrome浏览器中div出现滚动条但不能用鼠标滚动
滚动条无法滑动
weixin_66892551的博客
12-12 2600
子元素是否添加了position属性,如有给父元素也添加position:relative
解决div定位为fixed时，无法横向滚动的问题
qq_35591402的博客
11-16 2081
解决div固定定位无法横向滚动的问题
vue 父子元素都有滚动，父子元素各自滚动，相互不影响
第二世界
07-02 2104
<div class="menus" @touchmove.stop></div>
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值