隐藏滚动条overflow-y:hidden 不滚动问题解决

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

关注

原创最新推荐文章于 2026-07-16 13:22:38 发布 8.1k 阅读 AI 写同款· GEO 优化 ›

人大金仓数据库Kingbase FlySync同步程序安装 Kingbase FlySync同步程序（以下简称 KFS）是面向异地容灾、数据集中共享的场景推出的具备在异构数据平台间实现实时、增量数据同步的工具类产品，主要采用了物理日志解析技术，帮助用户解决不同数据平台的数据间可实现任意方向实时移动流转的问题，并保证此过程中数据不丢失，状态可监控，流转数据量可统计。KFS 需要安装的主要组件有 2 个，分别是后端同步程序和管理控制平台，另外KFS的部署方式也有2种，为分离部署何集中部署•集中部署：KFS与数据库部署在同一机器上。阅读详情

一般想要页面滚动又不想出现滚动条，网上大多回答是overflow-y:hidden,然而我发现并没卵用，反而造成页面无法滚动。要想真正实现效果，可以给父元素overflow:hidden 然后子元素设置overflow:scroll就能隐藏y轴的滚动条，但是x轴的还会出现。需要注意的是父元素需要设置高度或最小高度，否则会失效

收录于

其他bug解决方案

当前文章被收录于：

其他bug解决方案

31 篇文章 0 人学习

各种各样的bug解决方案

订阅专栏查看详情

页面样式

当前文章被收录于：

页面样式

5 篇文章 0 人学习

开发过程中遇到的样式问题的解决

订阅专栏查看详情

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

YOLOv5改进系列（4）——添加ECA注意力机制手把手教你在YOLOv5中加入ECA注意力机制，文内含两种方法，小白也能看懂！阅读详情

相关推荐

SAP数据导入避坑指南：财务期初上线实操全流程（含常见错误排查）

本文详细解析了SAP财务期初数据导入的全流程，包括数据准备、主数据标准化、余额与未清项导入等关键步骤，并提供了常见错误排查和解决方案。特别强调了过渡科目和存货价值的处理技巧，帮助企业在SAP系统上线时避免数据导入陷阱，确保财务数据的准确性和系统平稳运行。

weixin_30832143的博客 396

Unity自定义Inspector开发：解决字段显示隐藏与状态保存的常见陷阱

在Unity编辑器扩展开发中，序列化机制是连接脚本数据与Inspector面板的核心桥梁。Unity通过SerializedObject和SerializedProperty系统管理组件数据的持久化存储与多对象编辑支持，而自定义Inspector则完全接管了默认的UI绘制流程。理解这一原理对于实现稳定的工具开发至关重要，它能确保数据修改支持撤销操作、正确处理Prefab覆盖。在实际开发中，常见的陷阱包括字段显示逻辑失效、折叠面板状态丢失等问题，这通常源于对[HideInInspector]特性作用的误解——

weixin_34221073的博客 1419

Windows 11 + AMD 780M 运行 ComfyUI 完整指南：DirectML 实战方案

ComfyUI 是基于 PyTorch 的 Stable Diffusion 可视化工作流工具，其性能高度依赖 GPU 后端支持。在 Windows 平台，传统 CUDA 方案仅适配 NVIDIA 显卡，而 AMD 核显用户长期面临 ROCm 兼容性差、驱动链路断裂等系统级障碍。DirectML 作为微软原生机器学习 API，绕过 ROCm 生态断层，直接对接 DirectX 12 硬件抽象层，成为 RDNA 3 架构（如 Radeon 780M）在 Windows 11 上运行 AI 绘画的最优解。它提供

weixin_30099989的博客 727

overflow-y:hidden

seimeii的博客 1404

免Root抓包神器Packet Capture：安卓App数据捕获全攻略

本文详细介绍了免Root安卓抓包神器Packet Capture的安装与使用全攻略。通过利用安卓系统的VPN Service API，该工具无需Root权限即可捕获并解密App的HTTP/HTTPS网络流量。文章从核心原理、证书安装、实战抓包步骤到结果分析与常见问题排查，提供了完整指南，是移动端开发、安全测试和数据分析的实用利器。

weixin_29232507的博客 1075

在 MATLAB/Simulink 中构建一个固定地面站天线指向控制系统的完整仿真模型

在卫星通信系统中，地面站天线负责与在轨卫星建立高增益、高稳定性的通信链路。对于固定地面站（如卫星测控站、深空站、VSAT主站），天线必须具备高精度指向能力，以确保波束始终对准卫星。然而，卫星（尤其是低轨卫星）在天空中快速移动，地面站天线必须实时跟踪其轨迹。此外，环境扰动（风载、热变形、机械误差）也会导致指向偏差。因此，设计一个高精度、高鲁棒性的天线指向控制系统（Antenna Pointing Control System）至关重要。本文将手把手教你如何在中构建一个固定地面站天线指向控制系统。

amy_mhd的博客 133

css溢出属性：overflow属性介绍

text-overflow、overflow：hidden、overflow：scroll、overflow：auto

YY的博客 1万+

Mac电脑安装burp suite2024版本记录

下载最新版本burpsuitloader-XXX-all.jar，改名为burpsuitloader.jar。目录下，修改vmoptions.txt文件，新增以下内容，如果keygen不是这个名称的话，需要修改。，点击license左侧的copy复制它，然后手动从启动台启动burpsuite。，复制如下命令到终端即可（要加双引号，不然目录中空格会导致命令截断）再复制激活响应信息到burpsuite中即可激活。后续运行burp直接从启动台运行即可。将如下框的信息复制到激活器中。输入后下一步，点击手动激活。

墨痕诉清风的博客 901

使用overflow-y属性,实现可以滚动但滚动条隐藏

只需要加一个css样式即可 .div { height: 300px overflow-x: hidden; overflow-y: auto; } .div::-webkit-scrollbar { display: none; }

小柠檬爱编程 1万+

海思3559av100平台lan9500模块调试记录

1. 前言通过USB2.0接口扩展一路百兆虚拟网口 2. 配置lan9500驱动 make ARCH=arm64 menuconfig 开启LAN95XX驱动，编译进内核保存内核配置 3. 编译内核 make ARCH=arm64 CROSS_COMPILE=aarch64-himix100-linux- uImage -j 20 cd ../../arm-trusted-firmware/arm-trusted-firmware ./mk.sh cp ...

jzwjzw19900922的博客 908

16、保障Azure应用安全：密钥管理与身份认证

本文深入探讨了保障Azure应用安全的关键措施，包括使用网络安全工具（如Application Gateway和Azure Front Door）防范攻击，解决传统密钥和机密存储方式的安全隐患，以及通过Azure Key Vault实现敏感信息的安全管理。同时，介绍了使用托管标识实现Azure资源间安全访问的方法，并结合实际操作步骤展示了如何配置Key Vault、设置访问策略、存储机密以及授予Web应用对SQL Server的访问权限。最后，对不同安全措施进行了比较，并提出了在开发、测试及生产环境中的综合

rock5的博客 72

实现CSS隐藏滚动条并可以滚动内容

隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计算滚动条宽度并隐藏起来在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以滚动内容。这是什么技术呢？其实我只是把滚动条通过定位把它隐藏了起来。· 下面给一...

dengla6847的博客 3487

（五）C++自制植物大战僵尸游戏LoadingScene的实现讲解

游戏启动后就会立即切换到游戏加载场景中。只有游戏资源文件加载完成后，才能进入游戏。Loadingscene类继承Cocos2d-x中的Scene父类，表明Loadingscene是一个场景类。切换到LoadingScene场景中，首先会创建该场景，会调用函数，在该函数中调用自己定义的方法实现指定功能。代码文件的位置如下图所示。

尔灵尔亿的博客 2006

css 之overflow 用法

css 之overflow用法通过overflow 可以设置父元素中内容溢出的问题。创建一个父div 和一个子div。父div 宽高各200px，子div 宽100、高300px。则垂直方向父元素内容溢出。 <style type="text/css"> .div1{ width: 200px; height: 200px; background-color: #0000FF; } .div2{ width: 100px; height: 500px

a695005548的博客 1220

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

css使用overflow属性控制滚动条的样式

overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 显示横、纵向滚动条 overflow-x: hidden; 不显示横向的滚动条 overflow-y: hidden; 不显示纵向的滚动条 overflow-x: scroll; 显示横向的滚动条 overflow-y: scroll; 显示纵向滚动条 代码如下：

u012145816的博客 2万+

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件，这是C++版本的破解文件

CSS溢出-x：可见; 和溢出-y：隐藏；导致滚动条问题

假设您有一些样式和标记： ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added w

asdfgh0077的博客 4831

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox（带书签），MATLAB统计学习工具

CSS基础调试｜如何解决CSS overflow:hidden无法隐藏超出内容/导致滚动条消失问题

CSS overflow:hidden 失效问题解析与解决方案 overflow:hidden 失效通常由以下原因导致：1）父元素未设置明确尺寸；2）子元素绝对定位但父元素未建立包含块；3）浮动导致高度塌陷；4）误用属性方向控制。解决方案包括：确保父元素设置固定宽高，为定位元素建立包含块，清除浮动触发BFC，以及合理使用overflow-x/y单独控制方向。通过开发者工具检查元素尺寸和定位状态，可快速定位问题根源。正确理解overflow:hidden的生效条件，才能有效隐藏溢出内容或保留必要滚动条功能。

那些看似不起波澜的日复一日，会在某天让你看到坚持的意义 537

CSS隐藏滚动条并可以滚动内容

隐藏滚动条常用方法 .container::-webkit-scrollbar {display:none} 为了兼容其他的浏览器，可以用这样的方法：在滚动区域外再套一层div，给这层div设置overflow: hidden，即可隐藏滚动条 //给container外层加一个div（container-wrapper） .container-wrapper{overflow: hi...

Too_sober的博客 3752

纯CSS实现隐藏滚动条但仍具有滚动的效果

移动端移动端页面只要兼容 Chrome 和 Safari 就够了，所以可以使用自定义滚动条的伪类选择器 ::-webkit-scrollbar 来隐藏滚动条。 element::-webkit-scrollbar { display: none; } PC 端 PC 端对兼容性的要求相对来说要高一点，可以换一种方法，大致思路就是在内容div外面包一个父容器div，设置...

weixin_38203203的博客 1916

如何隐藏iframe的滚动条，但依然可以页面滚动

今天遇到一个这样的问题：网页中如何隐藏iframe中的垂直滚动条，但依然可以用滚轮实现页面滚动？？？我就想先把iframe定义宽度和高度，在设置overflow:hidden;呗，但是这样多余的部分会被隐藏掉。如果你想在主页面滚动能看到iframe页面隐藏的内容是不可以的。 1、有人说可以视觉隐藏：在iframe外面加个DIV，这个DIV的宽度正好比里面的iframe的宽度要小一个滚动条的宽度，高度一致，并把DIV的CSS样式设置overflow:hidden。 2、可以设置 -webkit-scr

高先生的猫 6331

html怎么让页面没有滑动条,使用CSS实现无滚动条滚动的两种方法

我们都知道，撸页面的时候当我们的内容超出了我们的div，往往会出现滚动条，影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。我们都知道overflow:hidden是可以隐藏滚动条的，但存在的问题是：页面或元素失去了滚动的特性，进而溢出内容也变得不可见，这样肯定是不可取的。百度下大部分都是在说ov...

weixin_30913041的博客 4606

ie、Chrome、Firefox隐藏滚动条及自定义样式

隐藏滚动条 html { /*隐藏滚动条，当IE下溢出，仍然可以滚动*/ -ms-overflow-style:none; } /*Chrome下隐藏滚动条，溢出可以透明滚动*/ html::-webkit-scrollbar{width:0px} Firefox隐藏滚动条可以用以下方法：大体思路是在div外面再套一个div。这个div设置overflow:hidden，而内...

leo_shire的博客 2195

vue样式问题overflow-y：点击之后页面抖动，y轴出现滚动条

情景再现完成了多选框功能，点击查询，表格中无数据显示（数据库中无数据），表格的高度出现了变化，导致Windows下谷歌浏览器页面出现自动适配，y轴就会出现一个滚动条。再次点击多选框，页面y轴就会在出现滚动条<--->滚动条消失之间转换，所以页面就会抖动注意：在macOS苹果的系统下，不会出现这个问题，除非手动把浏览器页面拉到非常非常小解决办法在前端页面，样式顶层，添加这...

FromNowOnUntilTheEnd 4156

css：overflow-y: scroll内容未超出也显示滚动条

原来的css设置如下内容总是有一个距离没有撑满，发现是滚动条的问题，需要修改滚动条属性

彭世瑜的博客 1万+

web前端——css写隐藏滚动条但可以有滚动的效果【最简单有效办法~】

在滚动区域外面写一个容器，宽度比滚动区域小17px（滚动条的宽度）外容器overflow:hidden；内容器：overflow-y:scroll;即可~ 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css隐藏滚动条但是可以滚动&l..

weixin_43941584的博客 3285

Element UI设置侧边栏高度占满全屏，Y轴滚动条隐藏，不影响滚动

先看效果：实现了高度占满全屏，隐藏滚动条，但可以滚动这里采用的是Element UI的Container布局，使用文档中给出的举例解决了aside和main的独立滚动条效果。布局：在布局上采用的就是文档给举例的布局，然后在el-aside外套了一个div.aside,用于设置隐藏滚动条。  <div class="aside"> <el-aside width="178px"> <!-- 侧边导航 --