css开启overflow滚动遇到的问题

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 500+累计阅读 581平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄7年

关注

原创最新推荐文章于 2026-06-21 12:15:23 发布 581 阅读 AI 写同款· GEO 优化 ›

Element Plus el-table合计行与横向滚动条布局冲突的优雅解决方案本文详细解析了Element Plus中el-table组件合计行与横向滚动条布局冲突的问题，提供了CSS样式重写和JavaScript滚动同步的优雅解决方案。通过调整滚动条位置、处理浏览器兼容性以及实现三部分滚动联动，有效解决了表格展示中的视觉错位问题，特别适用于财务数据、统计报表等精确展示场景。阅读详情

css开启overflow滚动遇到的问题：
ios手机中上下滑动时出现卡顿以及闪屏（安卓没有这个问题）：
添加-webkit-overflow-scrolling: touch;开启属性控制元素在移动设备上是否使用滚动回弹效果.
加上这个属性后有了回弹效果，但是上下滑动的时候会出现抖动，最后终于找到问题在哪里了（坑：开启overflow滑动的元素不要使用%去写元素的高度）

出现滑动抖动：
在这里插入图片描述
滑动正常：

收录于

工作中的一点记录

当前文章被收录于：

工作中的一点记录

14 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

uniapp设置滚动条overflow不生效 uniapp设置滚动条overflow不生效。-webkit-scrollbar 阅读详情

相关推荐

【OpenSearch】从零到一：手把手搭建OpenSearch与Dashboard可视化平台

本文提供了一份详细的OpenSearch与Dashboard可视化平台从零搭建指南。内容涵盖环境准备、系统调优、核心服务安装配置、Dashboard部署与汉化，以及生产环境安全加固建议，帮助用户快速构建一个功能完整的搜索与分析平台。

devops8pract的博客 617

overflow：scroll滚动条可以拉但是不能滚动

君兮的博客 3723

ARM CoreSight架构

CoreSight架构是现代复杂SoC的“飞行数据记录仪”（黑匣子）和“精密诊断仪”的结合体。它彻底改变了嵌入式系统的调试方式，从传统的“盲人摸象”变成了拥有“上帝视角”，是ARM生态系统能够支撑起从微控制器到高性能服务器芯片如此广泛产品线的重要基石技术之一。

guigenyi的专栏 1421

解决移动端有纵向滚动条但是不能滚动的问题

qq_45152044的博客 5484

H.264 Profile与Level详解：如何为不同应用场景选择合适的编码配置

本文深入解析了H.264编码标准中的Profile与Level概念，指导开发者如何为不同应用场景选择合适的配置。文章对比了Baseline、Main和High三大Profile的特性与适用场景，并解释了Level如何限定视频的分辨率、帧率与码率上限。通过实战指南，帮助读者在视频通话、在线点播和专业制作等场景中，平衡画质、兼容性与性能，实现高效编码。

rgv2345678的博客 238

STM32实战篇：使用USART发送/接收数据

在发送字符时也可以直接使用其对应的ASCLL码，例如： USART_SendData(USART1, 0x61);

qq_74114817的博客 596

多级菜单和滚动条共存overflow问题

前天，在学习中遇到一个问题，要实现一个多级菜单，且每级菜单都有滚动条，这时我想使ul元素overflow-x为visible，而overflow-y为auto，但发现设置以后并没有按照想像中的生效，x和y方向都变为了auto，最后发现是CSS规范这样限制的 “ overflow-x”和“ overflow-y”的计算值与它们的指定值相同，除了不可能与“ visible”进行某些组合：如果将一个指定为“ visible”而另一个指定为“ scroll”或“自动”，然后将“可见”设置为“自动” 最后参考这篇

zjw_python的博客 1591

Cadence Allegro 17.4 保姆级教程：PCB位号重排与反标回原理图完整避坑指南

本文详细解析了Cadence Allegro 17.4中PCB位号重排与反标回原理图的全流程，包括安全工程准备、智能重排策略和反标黄金法则。特别针对芯片封装协同设计(Co-Design)场景，提供可追溯的版本管理和故障恢复方案，帮助工程师避免常见位号陷阱，确保设计文件一致性。

weixin_30613433的博客 438

div块的overflow属性，自动为溢出内容区的内容增加滚动条

使用div块的overflow属性，可以使固定好的div块中的内容不会溢出，避免挤压其他按钮或者布局位置的情况发生，使页面布局不会全面崩盘。设置overflow属性可以为div中溢出的内容增加滚动条以便查看溢出内容，而不会整体的使div块整体拉长使页面变形。一般常用的overflow属性有几种：hidden，溢出的内容会被剪切，并且不可见；scroll，溢出的内容会被剪切，但是会增

Annn_kk的博客 1万+

stm32开发3D打印机（一）——介绍（已完成）

如何运用stm32开发3D打印机

Nico_jion的博客 1万+

Vue+OpenLayers：解决中国境内OpenStreetMap地图加载问题

然而，在使用OpenLayers和Vue框架搭建地图应用时，很多中国开发者可能会遇到一个常见问题：OpenStreetMap(OSM)地图无法正常加载。为了解决这个问题，我们可以使用其他方式获取地图数据，比如使用国内的地图服务提供商。通过使用国内地图服务商提供的地图数据，我们可以解决OpenStreetMap地图加载问题。然后，我们创建一个OpenLayers地图对象，并指定地图图层的源为国内地图服务商提供的地图URL。属性，可以将地图的中心点和缩放级别调整到我们需要的位置。

CodeWhizZ的博客 8270

盒子多层嵌套不能滚动解决办法

连续几个盒子,在内容列表外的（最底部的）大盒子中给高度100%,overflow:scroll;就能使用了。

qq_41619567的博客 944

《AI编程实战：深度学习模型改进与系统部署》，改进专栏目录和介绍

专深度学习相关项目都写在本专栏，《一次订阅解锁全部，都有源码，永久观看》，包括车牌识别、股票预测、人脸识别、风格迁移、图像修复、图像超分辨重建、图像分割等任务，Web/PyQt系统实现。引入Transformer、Swin Transformer、DenseNet、ViT、ConvNeXt等算法实战，提供卷积改进，魔改对比实验，模型剪枝，模型蒸馏，模型量化，全网独家整合改进专栏，为不同领域的同学发表论文提供了大力支持。

在职AI算法工程师，擅长计算机视觉，YOLO目标检测、分割等，擅长web、pyqt界面可视化，好内容持续更新中，来这里跟大家一起学习，共同进步 3266

Vue - 解决el-dialog引发的滚动条隐藏与双滚动条问题的实战指南

本文详细解析了Vue项目中el-dialog组件引发的滚动条隐藏与双滚动条问题，提供了从基础到进阶的多种解决方案。通过CSS优化、JavaScript动态控制及Vue组件封装，有效解决窗口抖动和双滚动条问题，提升用户体验。特别针对Element Plus和移动端适配提供了额外优化建议。

weixin_42524530的博客 224

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料，已经经过了本人的筛选和整理，希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助！

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

终极解决方案：如何用PrimeVue Dialog组件blockScroll属性彻底解决滚动穿透问题

在现代Web应用开发中，模态对话框（Modal Dialog）是提升用户体验的重要组件，但滚动穿透问题常常困扰开发者。PrimeVue作为下一代Vue UI组件库，提供了强大的Dialog组件，其`blockScroll`属性正是解决这一难题的关键。本文将深入解析`blockScroll`属性的工作原理、使用方法及最佳实践，帮助你轻松实现无滚动穿透的模态对话框。 ## 什么是滚动穿透及其危害 ?

gitblog_00723的博客 331

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能：商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传，基本资料下载，开钱箱、小票打印、收款结算，支持多币种付款方式（现金、储值卡、礼券、微信等）,支持多种促销。运行环境：.net 4.0登陆信息用户名:1001 密码:123456内置商品信息，商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏相关源码待公开

CSS自定义overflow的滚动条

CSS自定义overflow的滚动条，自定义滚动条的过程中如果发现加了width后x轴的滚动条还是很粗，可以加个height试试

Tomorrow belongs to those who prepare for it today. 666

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

Tailwind CSS如何设置元素溢出处理_利用overflow-scroll实现CSS滚动

overflow-auto 是更安全的选择：仅当内容溢出时才显示滚动条overflow-scroll 会始终渲染滚动条轨道（macOS 默认隐藏轨道，需配合 scrollbar-visible 或自定义样式）移动端 iOS Safari 对 overflow-scroll 的触摸滚动支持弱，容易卡顿或失效若想让某元素可滚动，必须确保它有明确的高度限制（比如 h-64 或 max-h-96），否则 overflow 类无效怎么让 div 内部内容垂直滚动典型场景：侧边菜单、日志列表、代码预览框。

qq_41350202的博客 198

HTML如何实现带有滚动条的文本框

一、滚动条在右端: 关键处： overflow-y:auto（表示开启右方的滑动条）或者overflow-x:hidden（表示隐藏下方的滑动条） <div style="width: 100px;height: 100px; overflow-x:hidden;"> <p>ZTY</p> <p>LPJ</p> <p>LXH</p> </div&g

草木如织，匪我思且 2万+

设置了 overflow-y 竖向滚动条时出现了横向滚动条

设置了 overflow-y 同时出现横向滚动

weixin_45194059的博客 2661

【常用代码06】CSS自定义滚动条样式 overflow-y开启滚动条

css自定义滚动条样式

qq_51055690的博客 5944

CSS文本单行控制：white-space、overflow与text-overflow协同原理

在Web前端开发中，实现文本单行显示并优雅截断是基础却易错的核心能力。其本质并非简单设置 nowrap，而是理解 CSS 文本流控制的底层机制：white-space 定义空白符处理与换行策略，overflow 决定容器空间仲裁方式，text-overflow 则在特定前提下提供视觉收口。三者构成强依赖链，缺一不可。该技术广泛应用于标题、表格字段、标签、状态提示等响应式场景，尤其在多语言适配、Flex 布局、无障碍支持及 css 面试八股文中高频出现。掌握其生效条件、常见失效原因与跨浏览器一致性处理，是提

weixin_30251829的博客 496

html文本域滚动条标签,怎么给textarea加滚动条

css：请问css样式都是在什么时间段起作用的？CSS布局HTML小编今天和大家分享详解下java怎样给textarea加滚动条JTextArea jta=new JTextArea(); JScrollPane jslp = new JScrollPane(jta); //给jta加滚动条 //水平滚动条总是显示 jslp.setHorizontalScrollBarPolicy(JScroll...

weixin_34584899的博客 3591

水平滚动条和垂直滚动条设置

1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、aut

2万+

CSS单行文本省略：white-space、overflow与text-overflow协同原理

单行文本截断是前端布局中最基础也最易出错的视觉控制需求，其本质是浏览器对文本流、溢出行为和渲染边界的联合约束。核心在于理解white-space定义换行规则、overflow划定可见区域、text-overflow授权省略符号呈现——三者缺一不可，且必须配合明确宽度（width/max-width）才能触发完整状态机。在响应式场景中，flex容器还需额外处理min-width: 0以破除默认最小宽度限制；而中英文混排、字体差异、table单元格兼容性等工程细节，进一步放大了该技术点的落地复杂度。本文深入拆解

weixin_33749242的博客 896

上一篇： vscode提高写vue小程序react代码的插件

下一篇： cocos 制作一个序列帧动画

【OpenSearch】从零到一：手把手搭建OpenSearch与Dashboard可视化平台

devops8pract的博客

03-10

617