我想只滚动一个div元素，但css overflow: auto不起作用
要实现只滚动一个div元素，可以使用CSS的overflow属性来控制元素的滚动行为。但是，当设置overflow属性为auto时，有时候可能不起作用的原因有以下几种可能性：
- 父元素的高度未设置：如果父元素的高度未设置或者设置为auto，那么子元素的内容会撑开父元素，导致滚动条无法出现。解决方法是给父元素设置一个固定的高度或者使用百分比来设置高度。
- 子元素的高度未设置：如果子元素的高度未设置或者设置为auto，那么子元素的高度会根据内容自动撑开，导致滚动条无法出现。解决方法是给子元素设置一个固定的高度或者使用百分比来设置高度。
- overflow属性被其他样式覆盖：如果其他样式对overflow属性进行了覆盖，那么overflow属性可能不起作用。可以通过检查其他样式是否有影响，并进行相应的调整。
- 浏览器兼容性问题：某些浏览器可能对overflow属性的解析存在差异，导致不起作用。可以尝试使用不同的浏览器进行测试，或者使用浏览器兼容性前缀来解决兼容性问题。
综上所述，要实现只滚动一个div元素，可以通过设置父元素和子元素的高度，并确保没有其他样式对overflow属性进行覆盖，来解决overflow: auto不起作用的问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
50px;{}
{ flex-wrap: wrap; overflow-y: auto; width: 50vw;
浏览 26提问于2021-04-03得票数 0
所以，我的问题是，当我有一些滚动元素时，当我没有滚动内容时，触摸/移动设备上的滚动条不会自动隐藏。它总是保持可见。但是，我不得不说，我不知道是我的CSS .touch .scrollable规则有问题，还是因为我正在Chrome的设备模拟器中测试它(我现在没有实际的移动设备可以在上面测试它)。如果有人可以看一下我的代码：，并告诉我它是否/哪里出
浏览 1提问于2015-03-28得票数 0
6回答
我有一个弹出式div，它出现在屏幕的中央，当弹出窗口可见时，滚动应该是禁用的。我如何使用jQuery和css来做到这一点。我已经试过在浏览器上使用覆盖了。然而，这是不起作用的。<!popup</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"><&
浏览 1提问于2013-10-04得票数 7
1回答
我从vuetify开始，但滚动让我很困惑。我添加了不同的部分，并试图使其滚动彼此独立。但是，要么所有的部分都可以用一个滚动条滚动，要么没有部分是可滚动的。 <div class="text-center yellow overflow-hidden">
浏览 11提问于2021-02-17得票数 0
很多网站都有这样的功能，如果你一路向上滚动，你就会得到这样的“反弹”效果，就像你的页面从浏览器窗口的顶部弹出，显示窗口顶部的空白。我该如何消除这种影响呢？<head> <title>JS Bin</title>
</head&
浏览 0提问于2015-09-10得票数 23
回答已采纳
是否有任何方法可以隐藏div的滚动条，例如溢出:隐藏；如果div 的内容没有溢出，就好像我说得通:-)。我现在想做的是， $("#MayBeOverFlowDiv"). // dunno how toadd "Overflow:hidden" to to hide scroll bar
浏览 3提问于2014-02-03得票数 1
回答已采纳
2回答
禁用使用css的移动滚动
、、、
当一个div在前台时，我想禁止body滚动。div是可滚动的，我不希望主体随着它一起滚动。我在浏览器中实现了这一点，但它在移动设备上不起作用。当div打开时，我需要更改什么：当div</
浏览 3提问于2013-07-30得票数 0
我有一个div作为弹出窗口(绝对位置等)。现在我在不同的平台上进行了测试，我发现几乎在Windows上的每个浏览器上我都会看到滚动条，即使没有什么可以滚动的……但不是在Mac上。我附上了一张图片，这只是众多案例中的一个。我不想要那些滚动条，我能做什么？我尝试了overflow:隐藏；搜索了很多次，但似乎找不到解
浏览 2提问于2016-04-15得票数 4
所以我有一个div标签，用来在不同的部分周围绘制方框，当然也可以生成实际的部分。在其中一个部分中，有比div标记所能容纳的文本更多的文本，所以我想让div标记中的文本有一个滚动条，这样文本就不会溢出到框之外。
我该怎么做呢？
浏览 0提问于2011-07-20得票数 9
回答已采纳
10回答
我在一些网站上看到过这样做，就是一个例子。页面上的滚动条只滚动页面的一个元素，而不是整个页面。我查看了源码，但还没能弄清楚。这是怎么做的？
浏览 8提问于2008-09-17得票数 6
回答已采纳
3回答
我在做一个可以滚动的卡库。为此，我使用了一个CSS网格结构。> div { width: 100%; margin:0;
overflow: auto然而，移动上的惯性/动量滚动倾向于滚动得有点快，当你在移动上滚动时，你必须非常明智地刷到下一张卡，而不是
浏览 3提问于2019-10-10得票数 6
3回答
我知道这个问题有很多重复的地方，但到目前为止，这些问题都没有用。.content-middle { text-align: center;
浏览 5提问于2016-07-08得票数 0
回答已采纳
2回答
如何使winJS应用程序可滚动？
、、、、
我刚开始开发Windows 8应用商店应用程序，我正在创建我的第一个应用程序。包含注释的div是在编写注释时创建的。注释还会根据输入的文本量自动更改大小。编辑:这是CSS：
浏览 0提问于2013-04-03得票数 4
2回答
当正文为空时，不需要滚动条，但如果正文充满内容，则需要滚动条。如果没有jQuery这样的JavaScript库，我怎么知道滚动条存在还是不存在？<!"Content-Type" content="text/html; charset=UTF-8" />
<tit
浏览 1提问于2014-12-24得票数 0
3回答
我近似地认为这个结构我希望当div 1和div 2的内容变得太大而无法放入主div时，它将获得一个滚动</em
浏览 0提问于2009-07-01得票数 1
回答已采纳
3回答
使滚动条在移动浏览器中可见
、、、、
当我有一个包含可滚动内容的网页时。使用css属性"overflow:auto“或"overflow: visible”，滚动条在桌面浏览器上是可见的，但当我在移动浏览器上打开页面时，滚动条只在我尝试滚动时出现。有没有办法让滚动条在移动设备上始终可见？我尝试了一些JQuery库，但它们都不起作用。html代码很
浏览 3提问于2014-04-07得票数 61
回答已采纳
我有一个div，它包含水平和垂直滚动体，每当试图使用window.print()命令方法打印潜水时，它只打印div的可见部分。这是我试过的密码。: visible;// overflow: scroll; or overflow: auto;当我使用溢出属性时，内容将无法正确地打印，只有div的顶部部分才会得到拉伸和打印。: visible;// <
浏览 1提问于2014-10-16得票数 2
3回答
顶部的页眉带有指向页面上不同div(部分)的锚点链接。
假设我的屏幕分辨率是1280*800，每个div部分是最大800，当我的浏览器达到最大尺寸时，每个div部分上的内容都是可见的。我忘了提一下，滚动是禁用的，所以其他div只能使用顶部的锚点链接才能看到(自动滚动)。这就是问题所在，当我调整浏览器的大小时，比如我的浏览器只有450px的高度，我只能在屏幕上看到这么多的内容，并且不能滚动到div的底
浏览 0提问于2012-10-25得票数 2
回答已采纳
我有一个标准的HTML表。我没有设置桌子的宽度，所以如果它适合在页面上是可以的。然而，当表内容太宽时，它们就扩展到了附件DIV之外。有什么办法可以让滚动条只在太宽的时候出现吗？注意，我试图在DIV中添加“溢出:隐藏”，但是它只是切断了表，我再也看不见了。
浏览 9提问于2013-09-06得票数 3
回答已采纳
4回答
我使用的是nicescroll插件。var nice = $("body").niceScroll({ autohidemode: f
浏览 0提问于2012-09-18得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
