Overflow-y:自动剪切绝对定位在左侧的元素。在滚动上移动元素的解决方案
Overflow-y属性用于控制元素在垂直方向上的溢出内容的处理方式。当元素的内容超出了其指定的高度时，可以通过设置overflow-y属性来决定如何处理溢出的内容。
对于给定的问题，当设置overflow-y属性为"auto"时，如果一个绝对定位的元素位于父元素的左侧，并且父元素的内容超出了其指定的高度，那么当滚动父元素时，这个绝对定位的元素会被自动剪切。
这种解决方案通常用于创建一个固定的左侧导航栏，当页面内容超出了可视区域时，可以通过滚动页面来浏览内容，而左侧导航栏始终保持可见。
在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来搭建网站或应用程序，并通过前端开发技术和CSS属性来实现overflow-y属性的效果。腾讯云的云服务器提供了高性能、可靠稳定的计算资源，可以满足各种规模的应用需求。
腾讯云云服务器产品介绍链接：https://cloud.tencent.com/product/cvm
相关·内容
我通过多个问题，许多答案和解决方案，找到了几乎完美的一个(元素行为固定位置)。下面是我的例子：body {}
margin: 0; height: 90vh; displayleft: auto; position: relative; width: 100%;
overflow-y我想要的</em
浏览 10提问于2019-07-09得票数 0
我有一些关于position: fixed的元素。一旦剩余的元素滚动了足够的量，我希望将固定元素更改为绝对元素，以便它们也开始移动。
元素已经嵌入到它们的CSS position: fixed中。一旦页面滚动了一定的量，我就会使用jQuery和.addClass('absolute')，这个类的规则是position: abs
浏览 2提问于2013-09-19得票数 0
1回答
下拉菜单移动内容
、、、
我的问题很简单，但我不知道我做错了什么。感谢您的帮助和问候body {
font-family: 'Segoe UI'
浏览 13提问于2016-09-27得票数 3
回答已采纳
我在页面主体上附加了一个绝对定位的元素。它对高度和宽度没有限制。我有一个包含列表的绝对元素的子元素，它的高度在y轴上是有限的。这个列表的长度和宽度是可变的，所以我不喜欢使用任何硬设置的填充或边距，也不使用"overflow-y: scroll“，因为滚动条即使在不需要的</e
浏览 0提问于2018-12-21得票数 2
我写了更多的文字，我无法滚动。我能看到单词在哪里继续前进，但我从未尝试过让它滚动。我没有做任何HTML/CSS编辑。我只向<p>标记添加了更多的文本。
浏览 4提问于2014-02-08得票数 1
回答已采纳
1回答
我正在开发一个使用html5、css和javascript的移动应用程序，它使用的是并排滚动，并且由于使用了how溢出滚动:触摸与我正在使用的div内部的固定元素交互。: touch;}
对于我的css在左侧滚动，并简单地使用窗口的右侧滚动。当滚动到左侧的顶部或底部或如果右侧仍在移动设备上滚动时，窗口将被使用而不是具有滚动辊类
浏览 3提问于2014-08-20得票数 0
1回答
auto overflow-x: hidden我不知道转换是做什么的，也不知道如何让它固定在左上角以外的其他地方。我认为有一些关于min-属性的东西可以让它工作，但我不确定。
浏览 0提问于2016-05-15得票数 0
1回答
我有一个固定位置和自动宽度的元素(必须有自动宽度)，应该从左边滑入。我也尝试过使用CSS3转换，它可以工作，但我害怕跨浏览器的差异。当转换不受支持时，转换将自动返回到静态更改，但是如果我使用CSS3转换，就不会有直接的回退。正如你所看到的，左栏的</
浏览 1提问于2013-09-12得票数 11
回答已采纳
1回答
为什么"b“位于"a”之上，如果它们位于相同的z-索引上？而不是放在"a“下面。我似乎在developer.mozilla.org和w3.org上阅读了解释z索引属性的所有材料，但我仍然无法解释为什么绿色的方块与黄色的重叠。绝对定位的元素将从文档流中完全删除。这意味着它们对其父元素或源代码中在它们之后发生的元素没有任何影响。因此，一个<em
浏览 2提问于2021-01-29得票数 0
1回答
表单元格中的工具提示定位
、、、、
我正在使用React，并且有一个包含一些操作(删除、编辑等)的表。在牢房里。我需要在每个动作上都有一个工具提示。我不使用jquery，也不打算使用，也不使用title props (我需要将这个工具提示升级到一些特定的数据，甚至另一个组件)。
浏览 20提问于2018-01-03得票数 0
2回答
我想知道什么是最好的解决方案来移动响应页面的某些元素，这是显示在现场网站的页脚，在顶部仅在源代码。就像这个网站在源代码中的body标签后面有h1 seo-block一样，但在live网站上，这个内容显示在底部。他们使用绝对定位来解决这个问题。#subfooter{ position:absolute; left:0;我的</em
浏览 2提问于2014-01-23得票数 0
我能够实现发布在上的解决方案(“位置:同时固定和绝对。如何实现？”)要使div元素与页面的其余部分一起水平移动，但要保持垂直固定，请执行以下操作。但是，此解决方案会导致所选元素一直移动到页面的左侧(显示为20px的页边距)。，并在用户滚动时影响该元素的CSS，使其从左侧开始的位置成为当前滚动条位置的函数，该位置由20px
浏览 1提问于2012-03-08得票数 3
回答已采纳
5回答
如何使页面内容居中，使其在每种屏幕大小上居中？例如，在上，如果我调整浏览器的大小，中心内容将向左移动，直到到达浏览器窗口。某些背景元素在水平方向上无限延伸(顶部为深灰色，中间为浅灰色，等等)。我可以在我的笔记本电脑和iMac上打开这个网站，它是居中的。我想我可以使用绝对定位从左侧移动内容x像素量，但这不起作用，因为300像素在小屏幕上居中内容，不会在大屏幕上居中。所以在</
浏览 2提问于2011-08-28得票数 5
回答已采纳
1回答
divs的动画重定位
、、、
是否有任何jQuery库/CSS技巧可以使div在自动重新定位时(例如，如果它们不再适合窗口或媒体查询)具有动画效果(可以看到它们从一个位置移动到另一个位置)。我已经创建了一个非常简单的JS 作为起点，我知道如果它们都定位在绝对位置，使用CSS3是可能的，但是我想用内联/相对元素来实现。padding: 50px; margin: 5px;
width: 2
浏览 0提问于2014-05-27得票数 1
1回答
我有一个垂直滚动的侧栏。我想要实现的弹出，出现在边栏的元素边，在侧栏的正常区域之外。
不幸的是，W3C规范具有这种令人恼火的特性。侧条使用overflow-y: auto垂直滚动。使用对我们的弹出项的绝对定位，得到的位置相对于最近的定位祖先。它还默认为top: auto，这意味着在页面加载时，它将垂直显示在正确
浏览 3提问于2021-07-08得票数 1
5回答
这样你们中聪明的人就能告诉我一个更好的方法..。
我正在制作一个画作的查看器，它应该伸展到填满整个页面，准确地说是屏幕高度的90%。我想要在一幅画上淡入另一幅画，并将每一幅画放在屏幕中央。为了使这些画彼此淡入，我需要将它们放在“绝对”的位置，以防止它们堆叠。这就是问题所在。自从我将它们设置为绝对后，我用来居中包含div的每个方法都不起作用。部分问题是，我没有为画作设置任何宽度，因为我希望它们动态调整自己的大小，以填满用户屏幕的90%。
浏览 0提问于2012-02-21得票数 30
回答已采纳
2回答
将一个元素放在另一个元素之上
、、、、
我有一个HTML/DOM元素，我需要将它放在另一个元素的上方，而不管目标元素何时何地移动。我可以使用jQuery的</e
浏览 0提问于2011-01-13得票数 2
回答已采纳
我有一个容器，里面有一堆大小相等的元素。容器具有100%的宽度，直到一定的px量，因此如果用户缩小他们的屏幕，则可以将第一行的元素向下移动到第二行，并从第二行移动到第三行，依此类推。我希望.spacer div充当伪边距，这样第二行div中的第一个元素，无论它实际上是什么div，都将从容器的左侧间隔250px。我希望.spacer div始终保持
浏览 10提问于2017-08-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
