具有覆盖的Div不能在Chrome中滚动
是一个常见的问题，通常是由于CSS属性或布局问题导致的。以下是一些可能的解决方案：
- 检查CSS属性：首先，确保你的Div元素具有正确的CSS属性。例如，确保Div元素的position属性设置为"absolute"或"fixed"，以便它可以覆盖其他元素。另外，确保Div元素的overflow属性设置为"auto"或"scroll"，以启用滚动功能。
- 检查父元素：如果你的Div元素是嵌套在其他元素中的，确保父元素具有足够的高度和正确的布局属性，以便Div元素可以滚动。例如，父元素的高度应该大于Div元素的高度，并且可能需要设置父元素的overflow属性为"auto"或"scroll"。
- 检查浏览器兼容性：有时，特定的CSS属性在不同的浏览器中可能会有不同的行为。在Chrome中出现滚动问题时，可以尝试在其他浏览器中进行测试，以确定是否是浏览器兼容性问题。如果是，可以尝试使用特定于Chrome的CSS前缀或其他浏览器特定的解决方案。
- 使用JavaScript解决：如果以上方法都无效，你可以尝试使用JavaScript来实现滚动效果。通过监听滚动事件，并在需要时修改Div元素的位置或样式，可以实现自定义的滚动效果。
总结起来，要解决具有覆盖的Div不能在Chrome中滚动的问题，你需要检查CSS属性、父元素布局、浏览器兼容性，并可以使用JavaScript来实现自定义的滚动效果。如果以上方法都无效，可能需要进一步调查和分析具体情况，以找到更适合的解决方案。
（请注意，由于要求不能提及特定的云计算品牌商，因此无法提供腾讯云相关产品和产品介绍链接地址。）
相关·内容
1回答
我没有找到这个确切的问题。
我有一页设置为
<div id="page">
<div id="chrome">
<div id="element">bla</div>
<div id="content">bla</div>
</div>
</div>
#page has position:absolute, and dimensions
#chrome has position:stat
浏览 3提问于2015-03-28得票数 1
1回答
是否可以在没有水平滚动条的情况下进行水平滚动。在Chrome中，这并不是很难，因为您可以使用“溢出-y:隐藏”隐藏滚动条。退房 jsfiddle。
Html：
<div id="main">
<div id="myWorkContent">
<a href="assets/work/1.jpg"><img src="assets/work/1.jpg" height="190" /></a>
<a href=&
浏览 5提问于2013-12-05得票数 0
回答已采纳
1回答
是否有可能知道哪些CSS规则应用于特定节点？
示例：
<div class="test-node">
<strong>Test</strong>
</div>
和CSS规则：
div { color: blue }
div:hover { color: green; }
.test-node { font-weight: bold; }
div > strong { color: red; }
因此，div节点受div和.test-node两条规则的影响，而仅限于悬停节点时受div:
浏览 4提问于2012-05-13得票数 2
请参阅此中页面的冻结DOM状态。
代码应该表示一个带有四个选项卡的模式，其中第三个选项卡内容是打开的。应该像下面的图片(在最新的Chrome中呈现)：三个div并排显示，其中包含溢出的内容，div是可滚动的。在底部有一个div，包含绘图方法、文本和一个按钮。同样的视图在Firefox中也是可见的。
我在最新的Safari中看到的是：
禁用样式高度后:10 the；从.heatmap-multiple-variable-container
呈现的Safari内容是：
请注意第三个内容div是如何向下滚动的，它没有像在Chrome中那样显示它的所有内容( Select行)
浏览 1提问于2017-04-19得票数 4
回答已采纳
我正在尝试实现一种行为，其中div上的滚动条基于类变得可见。div需要是overflow:auto，我只想控制滚动条的可见性。
为此，我使用了这个-
.not-scrolled::-webkit-scrollbar {
display:none;
}
当类not-scrolled被添加到div时，滚动条被隐藏，当类被删除时，滚动条变为可见。
您可以在这里查看jsfiddle中的行为-
这完全符合Chrome的预期。但不能在Safari中工作。
在Safari中，scrollbar采用加载时分配给它的样式，然后不会更改，即使添加/删除了更改这些样式的类。
这就是为什么如果你在safar
浏览 0提问于2019-07-16得票数 0
1回答
该示例在chrome中运行良好，直到firebug关闭为止，但是当我按下F12以获取chrome中的firebug时，这个示例将停止工作，并且不再有滚动。
有什么方法可以滚动使用Firebug吗？
浏览 0提问于2013-07-29得票数 0
回答已采纳
2回答
我正在做一个灯箱，我想要覆盖的灯箱是可滚动的，同时防止身体滚动。下面是我想要达到的效果(在所有浏览器上)：
到目前为止，这是我代码的相关部分。
HTML：
<body class="noScroll">
<div class="overlay">
<div class="lightbox">
/*** Lightbox content ***/
</div>
</div>
/*** Lots of other con
浏览 5提问于2014-11-16得票数 2
回答已采纳
1回答
在IE中，滚动条出现在div的内部--您可能会认为这是正确的解决方案。其他浏览器，如Chrome，将滚动条放置在内容的外部。
如果希望始终为div显示垂直滚动条，如下所示：
<div style="height: 200px; overflow-y: scroll;">
<div style="height: 200px; width: 100%; background: #DDD;"></div>
</div>
在IE中，因为有一个垂直滚动条，这意味着滚动条隐藏了一些内容，并显示了一个水平滚动条来查看内容(然
浏览 1提问于2014-09-10得票数 0
1回答
当我单击缩略图时，它会在顶部打开一个div覆盖框：
.view-overlay {
display:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
overflow-y:scroll;
background-color:rgba(0,0,0,0.7);
z-index:999;
}
对于具有非浮动滚动条的浏览器，禁用带有overflow: hidden的滚动条将删除滚动条，导致内容向右移动，以弥补额外的空间。
我想把滚动条放在那里，这样就不会发生这种情况了。有一些在线解决方案，但我找不到一个在所
浏览 2提问于2015-09-07得票数 4
回答已采纳
1回答
我试着建立两个并排滚动面板与柔印盒：
HTML:
<div class"scrollable"></div>
<div class"scrollable"></div>
SASS
@import "flex"
*
padding: 0
margin: 0
html
height: 100%
body
height: 100%
width: 100%
+flexbox()
.scrollable
overflow-y: auto
min-height: 0
浏览 2提问于2013-10-03得票数 0
我有以下设置：
运行and驱动程序驱动测试的Docker容器，其中显示了chrome调试器端口；chrome、chromedriver和测试脚本在docker中运行。
本地托管Chrome中的“chrome:// port”附加到"localhost:{chrome调试器端口在容器中“。
这最初运行良好，我可以看到调整大小和导航自动化是通过“chrome:// via”进行的；无论是视觉上还是通过网络选项卡。
但是，如果测试现在执行UI交互(例如Click)，那么测试现在挂起。
在chromedriver中，我可以看到以下内容：
{
"level"
浏览 2提问于2022-05-06得票数 3
我有一个iframe，我们只需要显示水平滚动条和防止垂直滚动条。
<div class="restricted">
<iframe runat="server" id="ifEmailBody" scrolling="auto" width="600" frameborder="1"> </iframe>
</div>
.restricted{overflow:hidden; overflow-y: hidden;}
.restricte
浏览 2提问于2014-04-10得票数 1
我正在使用django小部件调整来呈现所需的表单域。这一切都很好，如果字段是空白的，我会看到一个可爱的小弹出式窗口，上面写着字段是必需的，但如果我滚动页面(表单有点大)，弹出式窗口不会随着表单字段移动。它会停留在原地不动，这是不好的。
下面是我的代码：
{% load widget_tweaks %}
{{form.order_number.label}}
{% render_field form.order_number required="true" %}
此外，这只在Firefox上发生，而不是在Chrome上。我在用火狐57.0。这里有一个截图来帮助你。在Pic1中，
浏览 0提问于2018-01-11得票数 0
当前，当内容大于div的高度时，我对div使用垂直滚动条。这在Chrome上非常有效，IE 7(!)和Firefox。
然而，在像iPad和iPhone这样的IOS设备上，没有div的滚动条。推荐的解决方案是什么？为了简单起见，我想在所有平台上运行相同的代码: Chrome、IE 7+、火狐、iPhone和iPad。
谢谢!
浏览 2提问于2011-09-04得票数 0
回答已采纳
我正在设计一个简单的网站如下：-删除--
在我的生活中，我想不出为什么，对于左边的列(包含jQuery UI手风琴)，我的高度设置为100%，但是Firefox忽略了这一点，忽略了手风琴内容的自动大小。在Chrome和Safari上一切看起来都很棒，但火狐却没有.
现在奇怪的是，如果我给了一个自定义高度的“手风琴”类，或“可滚动”类，那么它将有正确的属性。
最终的结果将是支持按钮在页面底部保持静态，而手风琴则是父div的100% (这将是窗口的大小)，并且可以滚动(比如chrome和safari)。
外面有人有什么消息吗？
浏览 2提问于2015-11-01得票数 1
回答已采纳
我使用CSS指针事件通过一个透明的div来传递touchmove事件。除了Android上的Chrome之外，它在任何地方都可以使用。我想知道这是否是Chrome的一个已知问题，以及是否有任何修复/解决方法。
这个问题也会影响ChromeView，它由Cordova在Android4.4上使用。Cordova在早期版本的Android (和iOS)上运行良好。然而，在早期版本的Android上运行Chrome仍然会失败。
我有一个使用分层div的应用程序，我在CSS中使用它：
pointer-events: none
这样我就可以滚动或者点击下面的div了。
________________
浏览 5提问于2014-01-31得票数 15
1回答
我正在构建一个应用程序，需要支持显示许多div，可以在一个页面上水平滚动。当水平滚动的div少于5个时，页面工作得很好，但当可以水平滚动的10+ div超过5个时，页面就会非常明显地滞后。所谓滞后，是指当在页面中滚动时，fps降到30以下。
我知道延迟是由滚动条引起的，因为当我将div设置为overflow hidden时，延迟就不再发生了。另外，我注意到这只发生在Chrome上。任何关于如何解决这个问题的建议都将不胜感激。
编辑:经过进一步的调查，我意识到这个问题只有当我的滚动条只在滚动上显示时才会发生。当滚动条始终显示时，不会出现滞后。
浏览 3提问于2021-05-31得票数 0
1回答
编辑样式标签中的滚动条
、、、、
首先，我和我的朋友主要使用Chrome，这样每个人都知道。我知道webkit可以在Chrome中工作。
好的，我需要弄清楚的是如何将webkit滚动条编辑选项放入我的HTML样式标签中。我知道如何在CSS样式表中编辑滚动条，但我没有访问该样式表的权限。因此，我唯一的选择就是尝试使用"style=“进行编辑。但是，我似乎不能编辑我的滚动条，我真的很喜欢这里显示的简单示例：。
有没有办法在标签中做到这一点呢？
浏览 8提问于2013-01-03得票数 2
在使用jquery新手到忍者一书中的简单lightbox示例时，我在chrome和safari中遇到了问题。
$('body').css('overflow-y', 'hidden'); // hide scrollbars!
$('<div id="overlay"></div>')
.css('top', $(document).scrollTop())
.css('opacity', '0')
浏览 0提问于2012-06-11得票数 0
我有一个带有overflow:hidden的滚动窗格div。请检查一下。有一些产品以图片的形式在滚动窗格中显示标题。当我将鼠标光标移动到产品div上时，它会得到浅黄色的背景，并改变其高度-我只需使用jQuery向div添加一个类，它就可以正常工作。我需要以某种方式解决的问题是将活动产品的展开div显示为滚动窗格上方的单独div，尽管现在它出现在该窗格内部并扩展到它的高度。我想让它看起来像一样。在这里，您将鼠标光标移动到产品上，并获得一个显示详细信息的扩展div。当然，因为有了滚动窗格，我的任务变得更难了。
浏览 4提问于2010-08-18得票数 3
回答已采纳
3回答
由于某些原因，我的滚动条的样式发生了变化。
我没有更改任何溢出样式(我在div中使用了overflow-y: scroll )。
当div不被滚动时，滚动条通常会消失，类似于Facebook聊天中使用的滚动条。
现在它有了这个静态边框，滚动条不会消失：
我使用Chrome作为浏览器。
浏览 1提问于2015-12-30得票数 0
我有这行代码
<div id="myid" style="overflow-y:auto; height:400px; width:100%; word-wrap: break-word;">
<pre>Long content in here</pre>
</div>
因此，文本将适合div的宽度，但如果超过400 if，滚动条将出现在旁边。
这适用于Safari手机、Chrome手机、IE桌面和Chrome桌面，但在Firefox桌面(26.0)中则不行。在FF中，滚动条水平地出现在div的底部。
我遗漏了
浏览 2提问于2014-01-28得票数 0
回答已采纳
1回答
所以，如果这个问题已经被回答了，那么请告诉我正确的地方……我想我找不到答案的大部分原因是因为我不知道该怎么问它，哈哈。
我在建一个移动网站。查看nim.matthewjonat.com，然后使用chrome进行检查并推动ctrl+shift+m，然后您将处于与我类似的环境中，而无需查看移动设备。
我有一个div，它对所有的东西，有一个箭头在底部，你需要点击看看其余的网站。
不过，我的想法是，如果你第一次在手机上访问网页，你会本能地想要滚动，然后才知道你需要点击箭头。这很好，但是即使在第一个div存在的时候(它是位置:固定的)，滚动下面的内容也是可以滚动的，但是第一个div只是位于页面的底部，所
浏览 1提问于2014-11-13得票数 0
回答已采纳
我这里有个测试用例：
它有一个包含很长的链接列表的DIV。我想将DIV向下滚动到给定的链接。在我的测试用例中，这是通过按JSTOR按钮来完成的，该按钮将其推进到JSTOR链接。在实际生产示例中，将根据键盘输入选择链接。因此，例如，按下"B“会将其推进到第一个"B”链接，即“生物文摘”。
测试用例中的预期结果是:我单击JSTOR，它会滚动，因此JSTOR位于DIV的顶部。这可能包括向下滚动或向上滚动，这取决于DIV已经滚动了多远。
实际结果取决于是否已经滚动了DIV。
如果DIV根本没有被滚动，那么它在所有浏览器中都能正常工作。
如果已经滚动了DIV (甚至有一点)，结果如下：
浏览 3提问于2011-07-25得票数 4
回答已采纳
我使用jquery对话框作为模态弹出对话框。它在Firefox/Chrome中运行得很好，但在ie6中却很糟糕。
问题：当我在ie6中显示对话框时，浏览器窗口会增长并自动向下滚动到底部。高度增加和自动向下滚动等于jquery对话框的高度。
我可以向上滚动，然后像往常一样使用对话框，但是它增长窗口和下降的行为是令人无法接受的。
下面是我如何打开窗口的方法：
<div id="dialogWindow"></div>
...
$(document).ready(function() {
var $dialog = $
浏览 1提问于2010-04-30得票数 1
回答已采纳
2回答
我使用的是bootstrap 3模板，在一些模板上，我发现滚动并不流畅，而且有点颠簸。我甚至不确定要找什么。这只会在Chrome中发生。在Safari或Firefox中不会发生这种情况。
这是javascript还是css的问题？我以前从来没有遇到过这种情况。
这种情况在mac版的Chrome中似乎更糟，但在windows版的chrome中也是如此。
当我把窗口变小，然后再把它变大时，似乎就会发生这种情况。如果我保持窗口的大小不变，它似乎滚动得很好。
链接：
-->单击Sales，然后在Chrome中调整窗口大小，然后向下滚动，然后向上滚动。你会注意到它是非常颠簸和不平滑的
浏览 0提问于2014-01-30得票数 1
在一个页面上，我有一个webkit滚动条，它已经使用display: none css属性隐藏起来了。
#element::-webkit-scrollbar {
display: none;
}
在我的应用程序级css文件中，我试图覆盖上述css规则，但无法显示滚动条。
我试图更改css，但无法得到确切的滚动条，如果显示:无一个属性不存在的话，滚动条就会出现。
#element::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
display: block;
}
#element::-w
浏览 0提问于2014-09-05得票数 5
在Chrome DevTools中，在呈现下，有一个选项可以“显示潜在的滚动瓶颈”。
当我启用这个功能时，我在屏幕上的一些带有div的overflow:scroll元素在顶部显示了一个标志，上面写着“在滚动页上重新绘制”。
我找不到很多关于这个特性的文档，我也不知道它是否是我可以修复或改进的东西，或者仅仅是一个事实声明--div有内容，而且它们确实滚动。
浏览 0提问于2014-07-14得票数 55
回答已采纳
1回答
在下面的HTML中，为什么水平滚动条可见，而垂直滚动条不可见？ 这适用于Chrome、Firefox和Safari，但不适用于Edge，因为这两个滚动条都不可见。 对我来说，两个滚动条在Edge浏览器中都不可见是合乎逻辑的。 <div style="position: absolute; width: 300px; height: 300px; border: 1px solid black; overflow: auto;">
<div style="transform: translate(150px, 150px);">
浏览 8提问于2018-12-26得票数 1
回答已采纳
1回答
我有一个由JS触发的覆盖图，在覆盖图中包含一些滚动内容。页面上还有几个嵌入youtube的视频。我遇到的问题是覆盖中的内容不能在Chrome中滚动。它在所有其他浏览器中都可以正常工作。我在两个youtube视频中都添加了wmode=opaque (我也尝试过wmode=transparent )。如果我删除这两个视频，滚动也开始在Chrome中工作。
谢谢
下面是覆盖图：
<div class="contact-overlay"><a class="close" href="#">X CLOSE</a><
浏览 1提问于2012-08-16得票数 0
回答已采纳
我正在尝试使用ionScroll组件使基本图表(使用AmChart库创建)可滚动n轴X：
问题是，如果我使用在移动设备上移动ionScroll组件，我会收到错误消息：
E/Web Console﹕ Uncaught TypeError: Cannot call method 'contains' of undefined:2882
我不知道这个问题是由amchart还是ionic引起的，但它在移动设备上不起作用(在Chrome中，模拟了移动设备，它正在工作)。
我使用的是离子版本：v1.0.0-beta.13“‘m leopard
导致此错误的原因是什么？
以下是模板的附加内
浏览 27提问于2014-10-13得票数 0
2回答
请参阅
.wrapper {
width: 200px; height: 200px; padding: 10px;
border: 1px solid #888; overflow: auto;
}
.scale {
width: 400px; height: 300px;
background-color: red;
transform: scale(0.4);
transform-origin: 0 0; transition: all 0.5s ease-in-out;
}
.scale:hover {
transform: scale(4);
}
浏览 14提问于2017-08-05得票数 1
加载后，我的React应用程序被设计成滚动到url的散列片段中指定的某个位置。页面实际上不是滚动的，而是页面上的一个div。
在第一次访问页面时，这是正确的，例如，当您将url粘贴到地址栏并按enter键时。但是在Chrome和Opera上，如果你随后刷新页面，它就不会滚动，你会被留在页面的顶部。在Firefox和Safari上，当页面被刷新时，它会滚动。
这里有一个代码框，
编辑：用于复制的说明
打开后，等待它构建，然后访问Chrome中的这个url。
从模态对话框中选择“天主教”。页面将滚动到指定的锚点。刷新页面。该页将不会滚动。
使用Firefox重复此操作。刷新后页面将滚动。
浏览 0提问于2019-07-16得票数 2
1回答
我有一个相对简单的骨架一个1页的网站。我希望保持标题区域不变(至少在Chrome和智能手机的原生浏览器中)，方法是在整个容器上设置overflow:hidden，然后将overflow:scroll设置为可滚动区域。
但是后来我在FireFox上反复检查了一下，基本上遇到了各种各样的问题。故障排除导致大量令人头脑麻木的东西掉到了不合适的地方。
<div id="mainBlock">
<div id="tabContent">
<div id="one">
浏览 1提问于2016-04-10得票数 2
回答已采纳
1回答
我想在一个网站的右侧注入一个iframe来创建一个垂直面板。作为“面板”，我的意思是:它应该在右侧，覆盖页面的全部可见高度，不受滚动的影响，而是“推”的网站内容(而不是覆盖)。
我试着修改填充物-对，但它并不是所有的网站都有效(并且只影响非定位元素)。
它应该在任何布局怪异的网站上工作，比如。
注入不是一个问题(这是一个Chrome扩展)。
浏览 1提问于2013-08-15得票数 0
我在一个用angularJs制作的离子卷轴元素中有两个表：
<ion-view>
<ion-scroll class="has-header has-footer" scrollbar-y="false" direction="y">
<div ng-controller="calendCtrl" >
<div id="t1" class="CSSTableGenerator" >
浏览 3提问于2016-01-26得票数 3
我在MacOSX10.7上运行Chrome27，我希望滚动条总是出现在overflow: scroll;的div上，但它一直在消失。我该如何着手解决这个问题呢？
浏览 1提问于2013-06-23得票数 1
我正在尝试调整一个只使用CSS的图片大小，基于它的容器高度。这是代码和一个。
<div id="first">
<img src="http://www.helpinghomelesscats.com/images/cat1.jpg" width=360 height=360>
</div>
#first {
height: 100px;
}
img {
max-height: 100%;
width: auto !important;
}
设置max-height在Chrome中不起作用。图像
浏览 2提问于2012-11-26得票数 0
我的布局是这样的： <div class="fixed scroll"> //div with position fixed and scroll
<div class="item"></div>
<div class="item"></div>
<div class="item hover"> //div on hover showing hidden
<div class="hidden"></div
浏览 23提问于2020-09-26得票数 0
我是新来的而且我被困在我的项目中。
我需要排除电商购物车中的物品...
此购物车显示在来自Fancybox的iframe中。
它可以工作，但在Chrome中视觉效果不好，在Firefox和IE中工作得很好…
我在div中有我的项目，比如div_1，div_2，div_3...
<div id="div_1">
content...
</div>
<div id="div_2>
content...
</div>
<div id="div_3>
content...
</div&g
浏览 1提问于2013-09-19得票数 2
回答已采纳
2回答
我有一个布局与内容区域，其中有自己的滚动条，因为我想侧栏滚动独立。 内容区域的内容是使用底部的按钮动态追加的。 当内容区域的滚动位置在最顶部(scrollTop === 0)，并且我追加了更多内容时，滚动位置保持在顶部。然而，如果滚动位置不在顶部，Firefox和Chrome的表现就不同了。在Firefox中，滚动位置相对于顶部，内容会附加在下方，如果需要，可以在屏幕外添加内容。然而，在Chrome中，滚动的位置相对于底部，使按钮保持在相同的位置，导致用户必须向上滚动才能看到新内容。 有没有办法让Chrome表现得像Firefox一样？ 来澄清一下。我不希望内容区域滚动到底部后，新的内容已添
浏览 40提问于2020-09-10得票数 2
我曾尝试在同一时间内fadeOut一个div和fadeIn另一个div。它可以在Firefox和IE(7-9)中正常工作，也可以在Chrome中工作。不过，在chrome中，在fadeOut之后，我的页面必须滚动到顶部，然后滚动到fadeIn。
我想作为一种情况下，没有滚动在谷歌浏览器，如在火狐和IE。
$("ul.main_news li:eq(0)").hover(function(){
$(".a").stop(true, true).fadeOut(300).promise().done(function(){
$(".b"
浏览 2提问于2012-10-07得票数 2
回答已采纳
3回答
我正在尝试创建一个在非活动选项卡中运行的chrome扩展内容脚本。
我有一个无限滚动元素，我想滚动到底部。
如果选项卡处于活动状态，并且在前台，下面的代码可以工作：
div.scrollTop = div.scrollHeight;
如果我在另一个标签上，滚动不起作用.
在chrome://flag有能修复它的标志吗？还是你有别的建议？
浏览 0提问于2018-10-13得票数 2
回答已采纳
1回答
使用html块中的溢出隐藏属性禁用窗口滚动。我有<div>元素，display属性设置为inline-block。这些元素有固定的高度，比如100 and和overflow-y: scroll。在Mac上，这些<div>元素中的内容是可滚动和可见的，面板覆盖窗口底部，但由于窗口高度，面板末尾的内容不能完全滚动。如何解决这个问题？
浏览 2提问于2015-09-10得票数 0
1回答
我已经创建了一个网站，根据窗口屏幕的大小调整高度，这意味着没有滚动。它的工作正常，但在windows中的chrome上没有工作，甚至在Windows 7中的chrome中也是如此。
这是。
HTML：
<section id="mainWrapper">
<header>Header Content</header>
<div>panel Content</div>
<footer>Footer Content</footer>
</secti
浏览 2提问于2012-07-26得票数 0
2回答
我有以下HTML标记
<div id="main">
<div id="div1" style="position:relative;"></div>
<div id="div2" style="z-index:-1; position:relative; overflow:auto; height:500px;"></div>
</div>
在div2中，我动态加载数据，并且内容可能超过div高度，因此我使用overflow:auto属
浏览 0提问于2012-07-14得票数 2
5回答
用透明覆盖覆盖div
、、、
我有一个具有两列布局的页面，其中两列分别滚动，并具有动态大小。我想要在透明的浅灰色div中覆盖其中一列，以便它看起来不活动。
布局是使用CSS网格布局完成的。
<div class="container">
<div class="column">
Left content
</div>
<div class="column">
Right content
</div>
</div>
Css：
.container {
display: g
浏览 2提问于2016-08-04得票数 1
2回答
据我所知，尽管jQuery支持的页面可以包含溢出设置为滚动或自动的div，并且这些div可以用单屏幕条或鼠标轮滚动，但它们不能使用箭头键、页面向上/页面向下或家庭/末端滚动。
相反，正式的"page“div (带有数据-角色=”page“)吸收了所有这些输入。也许其他的divs甚至无法获得焦点，我不确定。
有办法绕过这件事吗？
编辑:简单示例的JSfiddle：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<
浏览 5提问于2016-01-15得票数 0
回答已采纳
2回答
以下代码在chrome中运行良好，但在safari (桌面和移动)中不起作用。
const messageBody = document.querySelector(`.chatContainer`);
messageBody.scrollTop = messageBody.scrollHeight;
messageBody是一个带有overflow-y: scroll的div
每次向div添加一个项目时，它都会滚动到底部。你知道如何在safari中使用它吗？
浏览 0提问于2018-06-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
