在溢出时灵活地滚动内容
是指在网页或应用程序中，当内容超出容器的可视区域时，可以通过滚动来查看隐藏的内容。这种滚动可以是垂直滚动或水平滚动，取决于内容溢出的方向。
这种灵活的滚动功能在许多云计算应用中都有广泛的应用，特别是在前端开发中常见。它可以用于展示大量的数据、长文本、图片或其他多媒体内容。下面是关于在溢出时灵活地滚动内容的一些重要方面：
概念： 当内容超出容器的可视区域时，可以通过滚动来显示隐藏的部分。这种滚动可以使用滚动条、手势滑动等方式进行操作。
分类： 在溢出时灵活地滚动内容可以分为垂直滚动和水平滚动。垂直滚动用于处理内容在垂直方向上的溢出，而水平滚动用于处理内容在水平方向上的溢出。
优势：
- 提供更好的用户体验：通过灵活滚动内容，用户可以轻松地浏览和查看超出可视区域的内容，提供更好的用户体验。
- 节省页面空间：当内容过多时，灵活滚动可以避免页面变得过长或宽，节省页面空间，使页面更加紧凑。
- 支持各种设备和屏幕尺寸：灵活滚动可以适应各种设备和不同屏幕尺寸，使内容在不同平台上都能正常显示。
应用场景：
- 大量数据的展示：在数据可视化领域，经常需要处理大量的数据，灵活滚动可以帮助用户浏览和分析这些数据。
- 长文本的展示：对于包含大段文字内容的网页或应用，灵活滚动可以让用户逐步阅读，而不会造成页面过长。
- 图片或多媒体内容的展示：在展示图片库、相册或视频列表等场景中，灵活滚动可以让用户查看更多的图片或视频。
推荐的腾讯云产品： 腾讯云提供了丰富的云计算产品和服务，以下是一些与灵活滚动内容相关的产品和介绍链接：
- 腾讯云CDN：腾讯云内容分发网络（CDN）可以加速静态内容的传输，提供更快的滚动和加载体验。了解更多：https://cloud.tencent.com/product/cdn
- 腾讯云对象存储（COS）：腾讯云对象存储（COS）可用于存储和分发大规模的静态内容，如图片和视频，支持灵活的滚动展示。了解更多：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：腾讯云云服务器提供强大的计算资源，可用于托管和运行前端和后端应用程序，支持灵活滚动内容的展示。了解更多：https://cloud.tencent.com/product/cvm
以上是对于"在溢出时灵活地滚动内容"的完善且全面的回答。
相关·内容
2回答
画布
、、
我试图在画布中加载一个图像，这样，如果图像的大小溢出画布，滚动条就会被激活(MS油漆样式)。
<Window>
<ScrollViewer>
<Canvas ScrollViewer.HorizontalScrollBarVisibility="Visible"
ScrollViewer.VerticalScrollBarVisibility="Visible">
<Image Source="SampleImage.jpg
浏览 4提问于2015-05-28得票数 1
回答已采纳
我将overflow-y参数添加到我的css中的"scroll“中，以便在溢出的情况下有滚动条。
我的问题是，如果内容没有溢出-我仍然有空白滚动条。
如何将溢出设置为仅在需要时显示滚动条？
浏览 0提问于2014-01-23得票数 11
回答已采纳
THE ISSUE
我有网站与边栏，有固定的位置，总是100%的高度。问题是，在侧栏中，我有几个静态元素和一个动态内容的div，这将填充侧栏的其余空间。
代码
<div id="sidebar" style="height:100%; background:#73A2; postion:fixed; flex:none; overflow-y:hidden;">
<button>one</button><br/>
<button>two</button><br/>
浏览 6提问于2017-12-25得票数 3
回答已采纳
2回答
使用CSS的iTunes样式布局
、、、、
使用以下特性创建iTunes样式布局的最佳方法是什么(使用HTML/CSS)：
具有固定宽度但流体高度的左列(滚动条表示溢出)(下面是蓝色的)
具有流体宽度和高度的主要内容列(溢出的滚动条)(下面是红色的)
一个右下角的框，固定的宽度和高度，仍然停留在浏览器的底部？(下方绿色)
下面是一个示例：
如果真的没有纯CSS解决方案，我很乐意使用Javascript/JQuery。
谢谢!
浏览 2提问于2010-05-05得票数 3
回答已采纳
我在我的网页上使用“完美滚动条”。为了隐藏默认浏览器滚动条，它添加了“溢出:隐藏”。()
我还在可滚动部分中使用Jquery可排序。()完美滚动所需的溢出是可排序的障碍。当我拖动一个div时，它不会根据需要向下滚动，因为溢出是隐藏的。(但当你用鼠标滚轮滚动时，它会滚动)。
当我删除溢出:隐藏默认滚动条和完美滚动条显示。(两人都按预期工作)
因此，我如何直观地隐藏滚动条，使溢出不被隐藏，而只有滚动条是不可见的。
浏览 8提问于2014-06-06得票数 0
2回答
我正在使用jqModal创建一个使用ajax的模式窗口，其中包含一个要填写的表单。父窗口只包含大约半页数据，因此不包含滚动条。加载模式窗口时，窗体会溢出页面，并且底部不可见。在需要时创建一个包含滚动条的模式窗口，或者向父窗口添加滚动条，以便可以上下滚动整个模式，最好的方法是什么？代码如下：
Javascript：
$(document).ready(function () {
$("#AddGameTypeWindow").jqm({
ajax: '/maintenance/AddGameType.html',
moda
浏览 1提问于2013-06-17得票数 0
回答已采纳
2回答
我有一个应用程序，它做了很多调整元素的大小，以确保它们适合容器。有时内容意味着溢出，有时它们完全适合，所以我在容器上使用overflow:auto。
问题出在chrome中，当容器大小缩小时，会为容器显示滚动条，即使在获取新的适当大小的图像时，它的大小也是正确的，因此不需要滚动条。
一种简单的解决方法是设置overflow:hidden，然后在回流后再次设置overflow:auto，这对于简单的应用程序来说是很好的。然而，在这个应用程序中，容器并不(实际上也不应该)知道它的内容是否会缩放以适合它，甚至不知道它何时完成加载(因此它知道何时更改溢出)。这类似于这里提到的：，但我不认为它对于我们的
浏览 0提问于2010-12-09得票数 5
回答已采纳
2回答
如果元素具有overflow: auto或overflow: scroll，并且其内容溢出，则会显示滚动条...但仅当内容溢出到右侧或底部时。
如果内容向左溢出或从顶部溢出，overflow是否可以应用滚动条？
浏览 1提问于2011-09-24得票数 0
回答已采纳
我有这个布局。将容器div设置为
.container {
width: 80vw;
max-height: 75vh;
margin: auto;}
里面是一个面板div，里面有头和体div，然后是我嵌套的柔性盒。见下图：
主挠曲盒div被设置为行，其中有2个div是挠性盒列。
其中有一个div，每个div都有溢出-y设置为滚动，而且它们都有很多内容。
这在Chrome和Safari中运行得很好，但在IE11中，滚动div不滚动--它们达到内容的全部高度，并从容器中溢出。
要清楚的是:只有那些黄色的div应该滚动。
我在这里错过了什么？
更新
我创建了一支简约的钢笔：。
浏览 2提问于2016-05-05得票数 3
回答已采纳
1回答
我使用的是，所以当用户输入文本时，我的文本区域就会增长。它的工作原理很好，但是当你找到文本区域的底部时，它会在展开前向上滚动，从而产生难看的跳跃效果。这在作者的演示中也是可见的(点击上面页面上的"Interactive“，因为Stack溢出不会让我在这里不带代码地发布jsfiddle.net )。
是否有办法完全抑制垂直滚动，以避免这种跳跃效应？我试过：
textarea.scroll(function(e) {
e.preventDefault();
});
但这似乎并不能阻止滚动的发生。
浏览 2提问于2015-04-05得票数 2
回答已采纳
目标:当我们在浏览器上滚动youtube时，整个页面向下滚动，我想创建两个滚动器：
留下一个视频和评论滚动。
右为下一个(建议视频)滚动。
我发现我们可以用overflow: scroll;
以为例
如果您检查以下两列：
但是，当我在那里应用样式属性时(溢出:滚动)。它不适用。
因为这是一个动态页面，我想做一个铬扩展来完成这个工作，但是我不知道如何开始？
更新：本地->
不通过剪贴在活页中工作：
浏览 0提问于2018-08-03得票数 0
回答已采纳
我有一个Div Overflow前置到body容器包装器，当它触发这个前置时，我希望所有由鼠标滚动所做的滚动只在div溢出中工作，它的宽度:窗口的60%。所以我希望我滚动的地方只能在div溢出中工作，因为现在的方式是，当你在div中达到最大滚动时，它开始在背景中滚动身体，而且如果我把鼠标放在div溢出之外，它也会在背景中滚动身体。我该怎么做才能帮上忙呢？我使用的是JQuery库。
另一件事是，我想要添加一个eventListener，当该div的滚动达到某个高度时，它会做一些事情，例如调用javascript函数。
这一切都可能吗？如果是，如何选择？提前谢谢你们。
浏览 0提问于2011-10-05得票数 0
回答已采纳
1回答
当固定定位元素溢出文档时，如何使其滚动？
在我的网站上，当我打开右边的'BEZPŁATNY POMIAR‘按钮时，当它溢出y身体轴时，它不会滚动，我尝试过修复这个问题，但是没有效果，有什么建议吗？
浏览 2提问于2020-02-12得票数 0
我有麻烦了。
我的身体溢出:隐藏；
父div有一个位置:绝对值；溢出-y:滚动；
带有文本的div只是一个正常的div。
但是因为溢出:隐藏；切断了我的绝对div的底部部分，滚动不会一直向下。
我做了个小提琴手来证明我的意思：
<body style="overflow: hidden;">
<div style="position: absolute; overflow-y: scroll">
<div>text</div>
</div>
</bod
浏览 1提问于2013-11-08得票数 1
回答已采纳
我试着使用定位固定，并在Ipad 4上测试，非常错误。
当触摸拖动在页面上的位置固定div时，有时能够向下拖动。
当放大/缩小div 位置时，就疯狂了一秒钟。
当页面快速滚动时，div正在闪烁和可怕地震动。
在jquery滚动动画上表现极差，创建口吃。
我的第二次尝试是在#容器div中创建内容，并将固定的对象(实际上是一个菜单)放在容器之外，让#容器溢出-y:滚动并隐藏体溢出。在Ipad 4上进行测试，问题是：
动力停止了。这意味着当触摸滚动，页面移动立即停止，因为用户把他的手指关闭，正常情况下，它应该能够滑动一点后，用户的手指脱落。
我试着把webkit-溢出
浏览 1提问于2012-11-27得票数 0
回答已采纳
3回答
我想打开一个模态层，超越身体卷轴。为此，当显示该层时，我将主体溢出设置为隐藏溢出，将溢出设置为滚动模式层。从视觉上看，一个滚动条取代另一个滚动条。
在后台，我有一个固定的位置和100%宽的顶部酒吧。当主体溢出设置为隐藏时，100%的宽度div (顶部栏)占用滚动条空间，其元素向右移动。
如何防止这些元素移动？
我试图计算(javascript)滚动条的宽度，并在设置主体溢出:隐藏时，给出一个边距-右：“滚动条宽度”到顶部栏。那不管用。
也尝试了一个虚拟div在顶部栏的右端，溢出设置为滚动，并迫使它显示滚动条时，该层被打开。这个想法是将丢失的滚动条的空间与另一个滚动条放在一起，只在顶部的容器上。
浏览 6提问于2015-06-17得票数 9
回答已采纳
3回答
我有一个div，其中的内容通过query的append()定期追加到其中。随着内容变长，它最终会溢出div。我希望当溢出时没有滚动条出现，但仍然有内容滚动起来，以显示下面的新内容。
这个是可能的吗？当我使用overflow-x: hidden时，不会出现滚动条，但内容是隐藏的。
浏览 0提问于2011-12-01得票数 1
回答已采纳
2回答
我试着清楚地描述我的问题。如果我遗漏了什么或者我应该澄清，请留下评论。
问题
我试图用一些特性创建一个非常简单的HTML / CSS布局。
我试着添加以下内容：
未知高度的标题
内容div，它可以在内容溢出时滚动
一个边栏，如果它的内容溢出，它可以滚动
我试过的
以下是我迄今所尝试的
body,html { width: 100%; height: 100%; margin: 0; }
#header {
text-align: center;
padding: 1rem;
background-color: #AAA;
}
#main-content {
浏览 5提问于2015-08-11得票数 2
回答已采纳
我有一个带有overflow-y: scroll的父容器，在父容器内容中包含一个按钮，单击该按钮后添加visibility: visible，并显示一个文本墙。该文本是隐藏的，但您仍然可以看到滚动条，直到它被隐藏时将被解除隐藏的位置。当将display: none添加到前面提到的文本墙并点击display: block时，这是固定的，但这不允许不透明动画通过，因为显示不能动画化。还有别的选择吗？
本质上，即使通过可见性隐藏通过溢出的文本墙，父容器仍然检测到它并添加溢出-y滚动条。通过添加显示:没有，它是固定的，但随后动画的外观为墙壁的文字是打破。有什么想法吗？
浏览 1提问于2021-07-01得票数 0
3回答
我设计了一个窗框。帧大小是固定的。我没有/不想要框架的滚动条。如果文本在框架中溢出，我希望有一个窗口滚动条而不是框架滚动条来控制溢出部分。
谢谢..。
浏览 1提问于2009-07-23得票数 0
1回答
假设我有一个带有overflow-x:scroll和overflow-y:hidden的div。在该div中还有另一个div，我想完整地展示它。正如预期的那样，滚动时完全可以看到它。
有没有办法让一个元素溢出它的父元素？
浏览 0提问于2011-02-21得票数 0
回答已采纳
3回答
禁用ListView卷轴
、、、
如果页面没有溢出屏幕大小，是否可以禁用ListView滚动？
我总是使用ListView来避免屏幕溢出，但是当页面的内容小于屏幕时，我可以看到最终滚动动画，在这种情况下，我如何禁用滚动，如果屏幕大小很小，如何才能滚动？
浏览 1提问于2019-07-29得票数 10
回答已采纳
2回答
我正试图建立一个网站。客户的要求如下。
想要滚动div弹出，而背景忽略滚动
也想在手机上做这件事。
就我所知道。我可以处理通过‘溢出’关键字CSS滚动。我的策略是
当弹出显示属性在块中切换时，然后调用$('body').css('overflow', 'hidden')。
当弹出显示属性没有提交时，然后调用$('body').css('overflow', 'auto')。
这在网络浏览器中是可行的。然而，当我在移动浏览器上尝试这一点时，它的工作方式却是相反的。
我找
浏览 3提问于2015-04-21得票数 0
回答已采纳
2回答
我正在开发一个ios web应用程序，它有一个标题和选项卡栏，中间有一个可滚动的div。如果div溢出，感觉就像是原生ios应用程序，这意味着有足够的内容使其滚动。但是，当没有足够的内容时，当您尝试滚动div时，整个页面都会弹出。所以不管怎样，我想要做的是，如果div不能滚动，就阻止在整个页面上滚动。
您可以使用此选项来防止在页面上滚动。
document.body.addEventListener('touchmove', function(e){ e.preventDefault(); });
我想知道是否有人可以帮助我，告诉我如何检测div是否溢出。
浏览 0提问于2014-01-02得票数 1
1回答
我已经写了一个简单的HTML CSS导航菜单位置:修复一个网站。菜单下拉式设置为溢出-y:滚动，其子u位于父级旁边(请参见)
滚动条不会干扰firefox，因为它只在实际滚动时出现，但在Chrome & IE中，滚动条总是存在的，所以当您将光标导航到右边选择子li时，鼠标悬停属性就会丢失。
有人能建议我怎么解决这个问题吗。如果修复jQuery，那么请您给出细节，因为我还不太了解我的jQ知识。
谢谢
浏览 3提问于2014-01-27得票数 0
回答已采纳
我使用的是Silverlight4，我有一个UserControl，它的LayoutRoot被包装在一个ScrollViewer中。我希望只有当LayoutRoot溢出页面时滚动条才会出现。它可以自动完成，或者我是否应该编写代码来检测内容是否会溢出，并相应地设置滚动条可见性？
浏览 0提问于2010-12-11得票数 2
回答已采纳
我正在开发一个网页应用程序，我在一个iFrame里面有一个div，里面有隐藏的、溢出的内容，我想让它们可以滚动。
在iOS 9上的Safar上，当我将-webkit-overflow-scrolling:touch;添加到div (已经有overflow-y: scroll;来给滚动条带来流畅的感觉)时，它就会断掉，根本不会滚动。
我知道这是一个众所周知的问题，但我还没有找到与我的场景相关的解决方案:我的iFrames不仅仅是传输数据，它们实际上包含为用户提供的内容。方向并不重要，内容总是需要是可滚动的。
浏览 7提问于2015-10-02得票数 11
我正在创建一个div，它在溢出时直接转到底部的away.But，如何不断地检查是否发生了溢出，然后触发向下滚动到页面底部的函数？
我找到了这个滚动到底部的函数
<script type="text/javascript">
var objDiv = document.getElementsByClassName('container')[0];
objDiv.scrollTop = objDiv.scrollHeight;
<script>
该函数用于检查是否存在溢出
<script type="text/j
浏览 2提问于2018-03-04得票数 1
1回答
我试图在CSS中实现以下材料设计对话框。这直接来自于
对话框应该响应地展开以适应屏幕，但是不会溢出屏幕上的(它应该滚动)。
我很难找到一个合适的CSS解决方案
下面是我尝试过的内容(单击以展开)：
这个对话框扩展到正确地适应不同的屏幕大小而不会溢出，并且在content溢出dialog frame时还提供了一个滚动条。
但是，顶部和底部不会粘在对话框的顶部和底部(相反，它们会滚动)。
由于对话框的content是不确定的，所以我不能只使用固定的标头和页脚，因为对话框本身可能会根据内容展开或缩小。
有办法在CSS中创建这个响应对话框吗？
浏览 6提问于2015-04-16得票数 3
2回答
我只想在文本溢出时滚动div标签中的文本(字幕)。
我已经完成了字幕设置，并且我正在使用。一切都与字幕漂亮，但我不需要它滚动，如果文本适合在一行。
我工作的页面在这里：。"Title“、"Artist”和"Up Next“滚动字段都只需要在出现溢出时滚动。
有什么想法吗？
浏览 1提问于2011-06-01得票数 1
回答已采纳
3回答
我使用的是woothemes的flexslider，我不明白为什么当浏览器调整大小/站点在ipad/iphone上查看时，图像总是比内容宽得多。
我在滑块、幻灯片或图像上看不到任何可能导致图像无法调整大小的样式。实际图像本身没有设置高度或宽度属性。此外，滑块中只有一个图像。
内容的容器似乎也在调整大小，图像/幻灯片宽度设置为100%，但仍然溢出到右侧，导致出现水平滚动。
网址：
编辑:图像现在可以调整大小，但仍然有一个水平滚动条，并且在右侧有一个巨大的空白区域。我认为这是图像造成的，但看起来不是这样的。
浏览 0提问于2013-02-09得票数 0
回答已采纳
2回答
我在试着禁用导航扫描。当用户向左或右滑动时，我不希望网页返回或向前移动。
我注意到我们可以在html元素上将触摸操作设置为none，以防止这种行为。但是，当滚动具有某些溢出的子元素时，它将“链接”滚动，然后允许返回导航。
所以我想在html元素上添加-ms-滚动链: none，但是只有当元素滚动时才能工作。因此，添加溢出:在html上滚动实际上是很有用的。但现在我在其他浏览器上显示了滚动条。
怎样才是正确的方法？
html {
-ms-touch-action: none; /* Doesn't work if scrolling from child elem
浏览 2提问于2013-09-30得票数 3
回答已采纳
因此， of innerWidth根据W3C的说法是：
innerWidth属性必须返回视口宽度，包括呈现的滚动条的大小(如果有的话)，如果没有视图，则返回零。
这是否意味着如果文档中的某个内容产生溢出，那么window.innerWidth就会受到影响？我有一个非常简单的 (它只是一个导致溢出的div )，在使用和Chromium(Chromium84)和移动设备(我只测试了Android)时，这似乎是正确的，但是在桌面浏览器中，这个值似乎没有受到影响。为什么？这是故意的行为吗？
注意，在图像中，工具中的宽度与记录的宽度不匹配：
浏览 5提问于2020-08-07得票数 0
回答已采纳
当我将overflow-x: scroll添加到包含两个大文本的div中时，div是可滚动的，尽管它没有溢出。但是，当我在末尾添加另一个小元素(br，p，具有较小的字体大小)时，它将无法滚动。
示例(使用TailwindCSS)：将有滚动
<div class="container flex flex-col overflow-x-scroll">
<h1 class="text-6xl font-bold mb-4">
Lorem ipsum
</h1>
<p class="text-6xl
浏览 4提问于2021-07-27得票数 1
1回答
我试图展示一个容器，它的子容器是input元素，这些元素在无效输入上使用绝对位置的警告泡来修饰。然而，泡沫并没有像我预期的那样明显地溢出到容器之外。
这个问题可以用嵌套三深度的div元素最少地再现出来。下面是HTML：
<div id="a">
<div id="b">
USER INPUT
<div id="c">BUBBLE</div>
</div>
</div>
和CSS：
#a {
background-color: #EEEEEE;
浏览 3提问于2022-01-16得票数 0
1回答
我遇到了一个特定于firefox (afaik)的问题。
如果您有
flex: 0 0 auto;
overflow: auto;
当y方向上有溢出时，它会考虑到滚动条的额外宽度，一切都很好。但在firefox中，它没有考虑到额外的宽度，而且它还会使内容在x方向上溢出。
我准备了一支笔来演示这个问题：
firefox：
chrome：
任何建议/变通方法都是很棒的！
编辑: flex-grow: 1(11自动)可以解决这个问题，这使得容器通过增长来响应周围的额外空间。如果你不想让元素变大，只想和里面的内容一样宽，该怎么办呢？
浏览 3提问于2017-01-30得票数 8
11回答
我希望实现与以下问题相反的行为：。也就是说，当内容溢出到滚动条时，我希望页脚在页面底部，就像堆栈溢出一样。
我有一个带有id="footer"的div和下面的CSS：
#footer {
position: absolute;
bottom: 30px;
width: 100%;
}
这会将div移动到viewport的底部，但是即使您向下滚动页面，元素也会停留在那里，因此它不再位于底部。
如何确保div保持在页面内容的底部，即使内容溢出了？我不是在寻找固定的定位，只是因为元素在所有内容的底部。
图片：
浏览 15提问于2012-01-11得票数 314
回答已采纳
2回答
引导词缀和溢出-y冲突
、、、、
我现在遇到的问题涉及twitter引导、词缀和css溢出-y。
The Details
我有一个41像素引导导航条固定在顶部和底部(用于页眉/页脚)。
以div.container-fluid为主要内容主体。我使用position: absolute将其定位在页眉和页脚之间，并使用overflow-y: scroll使其在溢出的内容中滚动。
div.side-bar用作页面左侧的侧导航，并嵌套在div.span3中。我使用jquery调用侧导航的词缀。
问题
当我将overflow-y: scroll添加到div.container-fluid中时，我会得到正确位置的滚动.但是词缀没有被应用(
浏览 12提问于2013-03-09得票数 2
回答已采纳
3回答
我正在使用phonegap和jqm开发一个简单的应用程序，我的问题是当您到达页面的顶部或底部时，页脚和页眉是可滚动的。
如果我在页面的顶部，我向上滚动，页眉会滚动-页脚也会滚动(参见所提供的图像)
我试过iScroll，但它不能解决任何问题。我已经尝试过覆盖jqm css设置，将body的溢出设置为隐藏，将.ui-content div的溢出设置为scroll - by也不起作用。
我还尝试将body位置设置为fixed。然后，当我滚动时，主体没有移动，但一个黑色的屏幕从底部升起，隐藏了页面。
有什么想法吗？
浏览 1提问于2012-01-20得票数 3
1回答
这可能比我要做的要简单得多，但我很难弄明白这一点。
我有一个网页，在左边显示联系人列表，并在右边对选定的联系人信息进行静态预览。顶部的菜单也是静态的。目前，它正在“几乎”正确地工作。当我用鼠标滚动按钮或屏幕滚动条滚动时，联系人的左边列表会滚动，而联系人预览和菜单则保持静态。但是，只有当屏幕太小，无法显示预览的全部内容时，我才希望正确的部分滚动。我用过“溢出:自动”和“溢出:滚动”，但没有成功。
.scrollable {
overflow: auto;
}
你们谁能帮我解决这个问题吗？
这里是jsfiddle (请注意，并不是所有的CSS和代码都包括在内)，但我认为这个问题所需的功能已
浏览 8提问于2014-07-11得票数 0
回答已采纳
我正试着把两个数字放在另一个上面。顶部的div应该始终保持可见(而不是滚动)。下面的div包含一个列表，如果列表太长，并且溢出窗口/包含div，则div应该是可滚动的。在定义顶层div的高度时，它是很好的，但是顶层div的内容可能会改变，因此不应该固定。
是否可以使用纯CSS，而不需要JavaScript计算？
编辑：
列表应该显示到屏幕/容器div的底部。
浏览 3提问于2014-05-14得票数 0
回答已采纳
2回答
我想显示从容器溢出的绝对div。
以下是我的要求：
修正了内容溢出的div。
溢出-y应该是自动滚动，而不是溢出-y。
应该显示绝对div。
页面不应该滚动，唯一的固定位置div应该是滚动。
以下是我遇到的问题：
在放置面板溢出属性时，绝对div正在隐藏。
在删除溢出属性时，面板不滚动。
css
#panel {
position: fixed;
top: 0px;
right: 20%;
浏览 2提问于2012-09-13得票数 0
回答已采纳
2回答
我在上看到了这个堆栈溢出的帖子，但是当我尝试答案时，滚动条没有显示出来。我可以水平滚动，但我也希望显示水平滚动条。我正在chrome和Mac上尝试这个。下面是我的代码：
<div style="width:500px; overflow-x:scroll; border:dotted 1px; white-space: nowrap;padding-bottom:10px;">
<img src="img1.jpeg">
<img src="img2.jpeg">
<img src="img3.j
浏览 0提问于2015-07-01得票数 4
回答已采纳
3回答
选择框html水平滚动
、、、
我想使用选择框，当溢出时，在选择框中显示滚动 css HTML 但是仅仅显示垂直scroll.How就可以解决这个问题吗？
浏览 68提问于2013-06-22得票数 6
3回答
我有一个固定在浏览器窗口左下角的窗口。在窗口内部是一个标题栏，它应该保留在窗口的顶部，以及一些内容，有时超过了窗口所允许的长度。我正在尝试向内容添加滚动条，但内容溢出窗口并在没有创建滚动条的情况下被裁剪掉。
可以将滚动条添加到#WindowConsole，但这也会使#WindowTitleBar滚动。
如何让#WindowContent div适合#WindowConsole的父空间，并让它的内容用滚动条溢出？
CSS
#WindowConsole {
position: fixed;
bottom: 0;
left: 1;
min-width: 10%;
浏览 48提问于2017-07-18得票数 2
回答已采纳
1回答
图像不溢出容器。
、、、
在vue项目中，我使用了用于css的顺风，我有一个包含两个定制组件的柔性盒布局。第二个是am图像，它不应该收缩或压缩，而是缩小屏幕大小时左右的可视区域。然后，用户应该能够滚动溢出的左和右。
正确的理解方法是为外部div提供固定的维度，将其设置为块和溢出x滚动。该图像具有完整的高度和宽度。当容器缩小时，应该会溢出。
所发生的是，图像只是因为某种原因而缩小为一个整体。
<div class="flex xl:flex-row flex-col">
<ComponentOne
class="h-128"
><
浏览 5提问于2022-10-02得票数 1
回答已采纳
转到并向下滚动，检查显示“您正在查看每日偏差”的区域。如果浏览器窗口足够宽，则会出现新内容(出现另一个图形)，并且所有内容都会在浏览器中很好地居中。deviantart是如何做到这一点的？
我尝试创建一个div，并将其高度和溢出设置为隐藏，这样，当浏览器增大时，就会显示新的内容。然而，这样做的问题是它没有将内容居中。因此，当浏览器的大小达到一定程度时，右侧会出现一个丑陋的边距。
谢谢!
浏览 1提问于2011-10-09得票数 0
我有一个iframe，它显示包装在div中的内容，该div具有下面指定的css滚动集
其中CSS为.Page {高度: 100%；溢出:自动；-webkit-溢出-滚动:触摸；位置:相对；} iframe#FrameId{高度: 100%；宽度: 100%；}
问题是没有处理javascript上的滚动，而是依赖浏览器来处理滚动。
如果我稍微滚动一下内容，一旦滚动完毕，页面就会跳回到页面的开头或顶部。此外，如果我点击iframe中的任何div或任何其他元素，它会滚动到顶部，基本上它不会记住滚动距离，而总是滚动到顶部。
我试着在浏览器上禁用javascript，我仍然看到同样的行为。我怎样才能阻
浏览 0提问于2014-05-08得票数 2
我需要有一个网站，左(红)列是静态的，完全高度和不移动和右列(蓝色和绿色一起)滚动垂直和最后的右下角(绿色)部分将水平滚动。
我能够通过将绿色部分设置为溢出:可见部分，将蓝色和绿色部分一起设置为溢出:auto，但这仍然使蓝色部分随着绿色部分移动，并在水平滚动时显示右上角的空白点。
编辑1:我也能得到这样做的配置，但在内容较长的屏幕上，水平滚动条被推到垂直滚动部分的底部。这比我目前在标题中遇到的问题更不可取。
编辑2:目前，我认为我需要使用jquery或javascript来展开页眉部分的左边边距，以便在页面滚动时来回推送。不过，我想不出有什么办法可以得到滚动像素的数量。
浏览 2提问于2014-06-20得票数 0
回答已采纳
在父元素中有两个子元素：
<div id="registration">
<div id="left-panel"></div>
<div id="right-panel"></div>
</div>
造型：
#registration{
@include l {
flex-direction: column;
}
#left-panel, #right-panel{
width: 50%;
min-height: 100v
浏览 0提问于2019-03-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
