应用位置:粘滞到div的子项
应用位置是指将一个元素固定在另一个元素内部的特定位置。在前端开发中，可以使用CSS的position属性来控制元素的应用位置。
粘滞（sticky）定位是position属性的一种特殊值，它可以让元素在滚动过程中保持在指定位置，直到滚动到达特定位置时才跟随滚动。粘滞定位常用于创建吸顶效果或固定导航栏。
在HTML中，可以通过给元素添加style属性来设置粘滞定位，例如：
<div style="position: sticky; top: 0;">粘滞元素</div>
粘滞定位的优势在于可以提供更好的用户体验，使得页面滚动时重要的内容始终可见，同时不占据过多的屏幕空间。
粘滞定位的应用场景包括但不限于：
- 导航栏：将网页的导航栏固定在页面顶部，使用户在滚动页面时可以随时访问导航链接。
- 广告悬浮：将广告元素固定在页面某个位置，以吸引用户的注意力。
- 表格标题：在长表格中，将表格的标题行固定在页面顶部，方便用户查看表格内容。
腾讯云提供了丰富的云计算产品，其中与前端开发相关的产品包括云服务器（CVM）、云存储（COS）、内容分发网络（CDN）等。您可以通过以下链接了解更多相关信息：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
请注意，以上链接仅为示例，实际使用时应根据具体需求选择适合的产品。
相关·内容
1回答
我正在构建一个移动应用程序，这将有一个滚动元素在屏幕的中间。目前，当我尝试滚动整个应用程序时，整个应用程序都在移动。我希望所有其他元素在我的元素滚动时保持不变。
以下是我的主要React应用程序：
class MobileServices extends Component {
render() {
return (
<div className={style.app}>
<div className={style.mobileHeader}>
<div className={style.logoBox
浏览 13提问于2020-03-03得票数 0
1回答
我的导航栏的样式是这样的：
ul#navigation {
font-size: 1em;
list-style-type: none;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #824c71;
position: sticky; /*<-!*/
top: 0;
}
现在，我的页面上有几个浮动元素，样式如下：
<div style="width:50%;background-color:#e6c
浏览 15提问于2018-01-14得票数 0
1回答
我正在为一个客户做这个网站：。他们想给一些页面添加“皮肤”或“翅膀”，就像你在这里看到的：
如果你查看JB Hi Fi网站，你会注意到当你向下滚动时，广告的顶部固定在屏幕的顶部。在我的网站上，我似乎做不到这一点。
任何关于如何使这项工作的帮助将不胜感激。
干杯
浏览 12提问于2016-09-27得票数 0
我有以下HTML页面的布局：
顶部菜单
左菜单
内容div
HTML：
<div class='body-content app'>
<div class="top">
<div class="info"><div _ngcontent-c17="">Version:1.05.20.20 </div></div>
<div _ngcontent-c17="">
<a
浏览 4提问于2020-03-03得票数 0
1回答
我目前有一个Bootstrap表，我面临的问题是，如果不删除Bootstrap .table响应类，粘性头部就不能工作。在不使用JS的情况下，这可能吗？
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-fixed {
width: 100%;
}
/* This will work on every browser but Chrome Browser */
.table-fixed the
浏览 0提问于2019-05-16得票数 4
当页面上的内容较少时，我的web应用程序的页脚不会停留在底部。我被困住了，不知道下一步该怎么走。有人可以帮助我的页脚，将留在页面底部和下方的任何内容？
const routing = (
<Router>
<div>
<div>
<Navbar />
<Route exact path="/" component={() => (<Redirect to='/home' />)}
浏览 1提问于2019-02-23得票数 0
我尝试添加width:100%到div标签，它在bootstrap网格系统中(col-lg-3)。但是div占据了整个浏览器的宽度。它不需要100%的双亲宽度(col lg-3)。 .sidebar {
color: #fff;
font-weight: bold;
font-size: 18px;
background-color: green;
}
.wrapping {
width: 100%;
padding-left: 32px;
position: fixed;
background-color: red
浏览 29提问于2019-04-26得票数 0
1回答
当有人向下滚动我们的页面时，在某个时刻出现一个div (带有cta按钮)进入视图。我想要实现的是，从那一刻起，这个div就会变得“粘稠”，如果站点正在向下滚动，那么这个div就会与视口一起滚动到的底部。这个div基本上是，但不是，有点粘粘的页脚，因为网站的其他部分继续滚动在它后面。
现在，我没有问题，在页面顶部的div粘性，但这不是我想要的。它需要贴在底部。
我使用带词缀的引导程序3。我快到了，但还没到。下面的带有css的javascript几乎完成了这项工作，但是div使用id cta时，只要在viewport中可见div，就会跳下viewport。从那一刻起，它很好地向下滚动，视图位于底部
浏览 1提问于2017-08-22得票数 2
1回答
我在这里遇到了一个问题，每当我使用translate设置侧导航离开屏幕时，总是会出现溢出-x。真正的问题是，如果我设置了溢出-x:隐藏；到所有祖先div。它将停止我的位置粘性标志工作。
我已经做了我的研究，下面的一些修复建议是添加一个溢出-x:隐藏到身体本身，它会工作。但是，在我的情况下，它不工作，因为有一个边导航是脱离屏幕的。
奇怪的是，在添加溢出后-x:隐藏到身体。它解决了溢出问题和粘性徽标工作，但只在桌面模式。当我切换到移动( Firefox上的Ctrl+ Shift +M并启用触摸模拟)时，溢出-x再次开始滚动，位置粘滞不动。
下面是我在网上找到的一个代码片段，我在右边添加了一个额外的
浏览 5提问于2020-10-20得票数 1
我正在尝试添加一个粘性元素，只有当它进入视口时才会留在页面的底部。其思想是将元素放在页面中间的某个位置，并且在用户访问页面时不会立即显示。 这是我到目前为止的进展： div {
height: 300px;
}
.sticky {
position: -webkit-sticky;
position: sticky;
bottom: 0;
height: 30px;
width: 100vw;
background: yellow;
} <div style="background: red;">Scroll</div>
浏览 31提问于2019-02-01得票数 9
回答已采纳
我正在尝试开发具有固定标题和固定sevelar列的表。我使用position: sticky，它在Chrome/Safari/Firefox中运行良好，但我在Microsoft中发现了问题。
如果使用position:sticky; top: 0;创建元素，并使用position: sticky; left: 0;插入其他元素，边缘将忽略嵌套元素。
在边缘中打开此示例并检查以下内容：
是“边缘”的虫子吗？
.wrapper {
border: 1px solid #ccc;
width: 200px;
height: 200px;
overflow: auto;
}
.c
浏览 0提问于2018-10-10得票数 2
1回答
角粘性标头重叠内容
、、、、
我正试着安装一个6角形的粘性肚脐。
但是它最后看起来是这样的，当我向下滚动时，主要内容与我的肚脐重叠(就像在下面滚动)
我已经试过设置导航类的z索引了。我也尝试过在app.component.html中的路由器插座周围放置div并抵消它，但这也不起作用。
很高兴你的帮助！
导航条的scss如下所示：
.nav {
position: sticky;
top: 0;
background: $primary-color;
}
.nav-container {
display: grid;
grid-template-areas: 'home members
浏览 0提问于2018-06-07得票数 1
1回答
我正在构建一个领先的网页应用程序，我试图添加一个模式或“弹出”，但我似乎不能正确。
下面是它现在的样子:如图所示，模态没有占据屏幕的全部宽度，导致屏幕的右侧没有覆盖，模态本身也没有居中。
我的代码如下所示：
HTML：
<p>{{ num_matches_in_current_season }} matches have been played in season {{ current_season }} so far.</p>
<button type="button" name="end_season_btn" id="
浏览 0提问于2020-09-21得票数 0
回答已采纳
2回答
这是我的鞋带，我需要表现得像一张桌子。我还需要标题列的行为像一个粘性的卷轴标题。光靠引导就有可能吗？
我不使用实际表的原因是，这将进入一个formly对象，并且在形式上与表有问题。
<div class="container">
<div class="row visible-md visible-lg">
<div class="form-group col-md-2">
<label>First Name</label>
</div>
浏览 1提问于2020-06-26得票数 0
回答已采纳
我有一个作为固定元素的侧边栏，但是当它到达页脚时，固定元素会超出我的页脚，我真正想要的是，如果固定元素在页脚之前停止滚动：
<div class="container">
<div class="row">
<div class="col-md-8">Blah Blah Blah</div>
<div class="col-md-4 related-podcasts">
<ul class="p
浏览 5提问于2022-11-30得票数 0
回答已采纳
2回答
我只是想把一个图像直接放在导航栏下面。我不希望导航栏文本以任何方式与图像重叠。 无论我在代码中做什么，图像都会锁定到导航栏的末尾。它不会进入导航栏下面自己的单独一行。 我试着把它放在它自己的div，section，p，ul，li中，但是都不起作用。 有没有办法在不使用中断标记的情况下调整另一个连续项中的图像。 <nav id="mainNavbar" class="navbar navbar-dark navbar-expand-md fixed-top">
<a href="#" class="
浏览 40提问于2021-11-14得票数 0
回答已采纳
1回答
我有一个主div(大小可以在拖动时调整)，里面有一些子元素。
子元素的数量是动态的(count将来自API)。
所以有一些条件，比如如果subelement的值在0到50之间，应该有一个大小，如果它在51到200之间，它应该有不同的大小，但大于之前0到50的范围，类似的一些条件。基本上，大小应该依赖于子元素的值。
在调整大小时，我能够获得主div高度，但正在努力获得正确的计算，以适应主div中具有动态大小的所有子元素。
我正在努力实现这样的目标，
在图像中，每个子元素根据值具有不同的大小，在我的例子中，div也可以通过拖动来调整大小。
main div的代码，
<div class=&
浏览 0提问于2018-09-30得票数 0
4回答
位置:当我将粘性应用于div的子级时，它似乎对我不起作用。如何解决？
HTML：
Lorem Ipsum
<div class="this-parent-div-is-necessary">
<div class="div-sticky-class">
Test
</div>
</div>
Lorem Ipsum
CSS：
.div-sticky-class{
color: red;
position: sticky;
position: -webkit-sticky;
top
浏览 45提问于2017-07-21得票数 22
我正在寻找一种只将CSS样式应用于特定div及其所有子目录的方法
<div id="1">lots of stuff i cant customize</div>
<div id="2">lots of other stuff I cant customize</div>
我希望将styles1.css应用于div1，并将styles2.css应用于div2。通常，我只会为每个div使用不同的类元素，并根据需要定制CSS。问题是我不能访问底层代码。所以我希望能有这样的东西：
<div id="1
浏览 0提问于2020-05-13得票数 0
当您滚动时，如果在溢出:滚动的父div上有CSS，您将如何找到元素的位置？我用这样的钩子
const [scrollPosition, setScrollPosition] = useState(0);
console.log(scrollPosition);
const handleScroll = () => {
const position = window.pageYOffset;
setScrollPosition(position);
};
useEffect(() => {
window.addEventListener(&
浏览 1提问于2020-11-13得票数 0
回答已采纳
2回答
使响应式菜单粘滞
、、
我正在尝试创建一个反应灵敏的粘性菜单。我可以让粘性菜单工作，我可以让响应式菜单工作(在手机上创建一个汉堡菜单)，但我不能让响应式手机菜单粘性！
您可以在这里看到我所到的位置：。
有谁能帮帮忙吗？我的代码如下：
function myFunction1() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className =
浏览 1提问于2019-09-18得票数 0
1回答
如何使边栏粘在页面卷轴上？
<div class="header">This is header</div>
<div class="row category-page">
<div class="category-filter col-2">Filter</div>
<div class="category-content col-10">ontent</div>
</div>
<div cl
浏览 3提问于2022-08-22得票数 0
1回答
我试图得到一个启动带4粘性肚脐，使透明在一开始。我希望看到后续部分元素的背景色。当用户开始滚动(> 50 to )时，我希望导航条褪色为白色。
我想我快到了，但问题是后面的区段元素被堆放在肚脐下面，所以我总是看到一个白色的肚脐。如果我确定下一节的位置，布局的其余部分也会向上。
下面是我到目前为止掌握的代码：
<nav class="navbar sticky-top navbar-light bg-faded my-nav transparent">
<div class="container">
<a class
浏览 8提问于2017-06-16得票数 0
回答已采纳
我只是想设置一个最大高度在一个tbody，并改变溢出y自动，所以我有一个静态的标题和滚动体。
就像这样也许：
table {
display: block;
width: 100%;
text-align: left;
border-collapse: collapse;
}
tbody {
max-height: 300px;
overflow-y: auto;
}
我什么都试过了。父级宽度为100%
浏览 5提问于2021-02-22得票数 0
回答已采纳
1回答
在jquery中编辑滚动位置
、、、、
我有一个网站设计，其中第二个标志需要出现后，设置滚动位置。我用下面的代码实现了这一点： myID = document.getElementById("logoTwo");
var myScrollFunc = function () {
var y = window.scrollY;
if (y >= 300) {
logoTwo.className = "logo-lines show"
} else {
logoTwo.className = "logo-lines hide"
浏览 30提问于2020-07-27得票数 0
我正在尝试创建一个固定的滚动导航条。我只想在导航栏上应用position: fixed;，而不是整个标题，因为我不想在看到通知栏时将其固定在滚动条上。
但是每次我滚动到指定的滚动高度时，添加fixed-navbar类都会导致突然的变化。我想要一个平滑的卷轴没有上述行为。
请参阅此以供参考。
这是
我尝试在标题中添加页边距-顶或填充顶到下一个元素，但同样的行为也会发生。任何帮助都将不胜感激。谢谢。
这里是我的代码 HTML
<!-- ===== Header ====== -->
<header class="header">
<
浏览 4提问于2022-02-21得票数 0
1回答
固定动作栏，考虑到页脚
、、、
我一直试图得到一个‘动作栏’，以显示在我的网页应用程序使用位置固定。此操作栏将包含与活动窗体相关的各种按钮，并且应该始终在用户视图底部可见，从而使其主要功能易于访问。
使用位置固定，我设法使它在一定程度上工作，但它干扰了我的页脚，它总是卡在底部。是否有办法使操作栏位于页脚顶部而不是重叠，而无需使用JavaScript或JQuery来确定何时将该条向上推。
请参阅提供的片段：
* {
margin: 0;
color: white;
font-size: 20px;
}
.example-header {
display: block;
width: 100%;
h
浏览 3提问于2017-12-20得票数 0
回答已采纳
1回答
我使用这段代码在滚动中添加了一个类。活动类工作很好，但是放置类时页面上的位置是不正确的。我们使用的主要标题在我们的网站上与位置固定，当这个标题变得粘，它是放置在我们的主要标题之下，也固定。当滚动时，活动类需要更早地放在页面上，因为在放置类时，部分的内容已经启动。
由于某些原因，代码与同一页上的另一个脚本发生冲突，我如何解决这个问题？两个剧本在一起。
小提琴：
HTML：
<div style="height:57px;">
<div class="menu-header-product">
<div class="p
浏览 3提问于2015-01-17得票数 0
回答已采纳
1回答
位置:带有类侧边栏的div上的粘滞，底部:10px可以正常工作，但顶部:10px的属性不能像预期的那样工作？
在带有类侧边栏的div上使用position: sticky with bottom: 10px，当我们向下滚动div stick到view port时，它的底部边缘在10px以上。
类似地，在带有类侧边栏的div上的position: sticky with top:10px，当我们向上滚动div时，div应该停留在顶部，而div的顶部边缘在视窗下方。
但是它不是这样工作的，有什么问题吗？
代码：
.container{
/*width: 1654px;*/
浏览 14提问于2017-07-27得票数 3
2回答
我很难让position: sticky在(相对)高内容的页面上工作。下面我设置了一个简单的页面，其内容模拟为div，是viewport高度的两倍。粘性.palette在页面中正确跟踪，直到最后几十个像素从屏幕顶部掉下来。
body, html {
margin: 0;
width: 100%;
height: 100%;
background: #334;
}
.palette {
position: sticky;
top: 0;
width: 300px;
height: 20px;
background: orange;
border-radius: 5px;
浏览 0提问于2019-08-08得票数 0
回答已采纳
2回答
我正在使用以下代码(网页中的Javascript)在DOM中动态创建一个'new‘元素。我希望将这个比方说200px‘低于’现有元素的位置。但是，如果忽略我指定的位置( wrong...as，left)，则我的输出将新元素的位置设置为全左。
var _reference = document.getElementById("outputs");
for (_count = 0; _count < _limits; _count++) {
var _structure = document.createElement("div");
_st
浏览 11提问于2019-11-11得票数 0
回答已采纳
1回答
我试图实现全宽度的背景容器包装结合一个粘性的元素。
此图表显示了我希望实现的布局：
这是一支笔，展示了我到目前为止是如何布置它的：
$('[data-make-sticky-to]').sticky({
context: $('[data-make-sticky-to]').data('makeStickyTo')
})
我遇到的问题似乎是，粘性元素的直接容器的高度设置为允许粘性在其中移动。
为了允许全宽度背景包装，但保持中心对齐内容，我使用的结构:全宽度包装>容器网格>2列布局。
我想设置一个最外层的非样式容器#粘滞-c，
浏览 3提问于2017-10-25得票数 1
回答已采纳
2回答
我从来没有使用过position: sticky;，并且在上找到了这个，但是我不明白什么时候应该使用这个位置。有人能想象到这个位置吗？
浏览 4提问于2013-11-25得票数 5
2回答
我试图让一个侧边栏坚持滚动，但它不工作。如何找出错误代码的缺失步骤？侧边栏应该浮动在与view-port相同的位置。下面是我使用的代码：
.sidebar-nav {
position: -webkit-sticky;
position: sticky;
top: 0px;
}
.sidebar-nav-list {
padding: 0 .625rem 1.25rem 1.5rem;
margin-left: 2.625rem;
position: relative;
border-left: 2px solid #1a73e8
}
.sidebar-na
浏览 0提问于2020-06-24得票数 0
2回答
我有以下html和CSS代码
<body>
<div class='topBar'>
<form action='q.php' method='GET' class='sPage'>
<input type='text' class='search lt' placeholder='Search' name='s' autofocus='autof
浏览 0提问于2017-08-21得票数 0
2回答
我现在用光滑来做一个旋转木马。
我现在有两个问题，让我们从第一个问题开始。
1)
我目前正在使用一个滑块，其中我想显示3张幻灯片:当前图像(Spyro)，前一个幻灯片(崩溃)和下一个幻灯片(Tekken)。
如您所见，虽然当前幻灯片正确地与前一个幻灯片(Spyro >崩溃)重叠，但下一个幻灯片与当前幻灯片(Tekken > Spyro)重叠。
，当然，我希望当前的幻灯片在他们两人之上.我怎样才能解决这个问题？
我在接下面的密码。
App.js
import "./App.css";
import { useEffect, useState } from
浏览 0提问于2021-06-10得票数 0
我有一个引导行，其中我有2科尔在里面。我需要在左边，应该是粘稠的。在右边，我有多张包含文本的卡片，这些卡片应该是可滚动的。
请看图片，像文章和帖子这样的卡片应该固定在那个位置，但是右边的帖子应该是可滚动的。
我写的代码是，
<div class="container-fluid">
<div class="row">
// Row 1 should be on the left
<div class="col-md-3">
<app-articles>&l
浏览 1提问于2022-08-21得票数 0
我有一个react组件，在这里我想根据scroll事件更改标头。我附加了一个事件处理程序，并根据滚动位置和切换一个显示类来隐藏ro显示所需的元素。
在我遇到麻烦的地方，当组件试图重新呈现时，似乎出现了一些故障行为。下面我有一个代码框中的例子。
import React from "react";
import "./styles.css";
export default function App() {
const [scrollY, setScrollY] = React.useState(0);
React.useEffect(() => {
浏览 2提问于2020-05-07得票数 1
解决了问题:必须使#main div浮动，加上对结构的许多其他重大更改。但政变是花车。
有关站点可在上查看。
问题是，我需要#主div有一个可见的溢出，以显示日期div的左边，可见div之外的-positioned。
如果设置溢出(目前是隐藏的)，就会失去背景色，因为div会缩小到大约20 to的高度。100%不起作用。
我将其追溯到#包装器div的一个问题，这个问题也没有达到它所分配的100%的高度，这没有什么意义，因为它里面的#包装背景div采用的是浏览器的全部高度，以及和
希望有人能想出解决这个问题的办法。请查看网站本身的源代码，我有太多不同的css文件(使用wordpress主题)，在
浏览 2提问于2011-05-21得票数 0
1回答
即使页面有滚动条并且我滚动到底部，我如何定位div以占据页面高度的100%。我的div是一个模式，位于导航栏下，我将最小高度设置为100vh，但当我向下滚动时，它似乎不会扩展到页面底部。我使用位置绝对不固定，因为我想让它相对于导航栏。 <header className ={styles.header}>
<span className={styles.header__item} onClick={() => handleTab(1)}>Library</span>
<div className={styles.img}
浏览 18提问于2021-04-06得票数 0
好的，这有点难解释。基本上，我有一个div定位的相对，持有一个绝对定位的div。绝对定位的div包含固定宽度的div，这些div是浮动的。这些浮动的div应该扩展绝对父元素的宽度。
<div id="parent">
<div id="stretchable-div">
<div class="child">text</div>
<div class="child">another text</div>
<div class=
浏览 4提问于2013-03-06得票数 0
回答已采纳
2回答
我正在设计一个网站，所有的网页都有一个标题和一个导航栏就在下面。当页面滚动，导航栏到达屏幕顶部时，javascript允许它停留在屏幕顶部。
在我的一个页面上，我使用了HTML5和CSS3的纯视差滚动效果。问题是，javascript似乎无法检测到导航栏何时到达屏幕顶部，而这个效果是激活的。
有人能给我一些建议吗?如何让javascript检测位置，或者我该怎么做才能让我的视差效果从导航栏的正下方运行，这样导航栏和效果就完全分开了。
// When the user scrolls the page, execute myFunction
window.onscroll = funct
浏览 0提问于2018-04-09得票数 0
1回答
我有一排三个图标。我想要做的是让一排图标通过导航栏下面，它粘在网页上。
当这一行图标即将通过导航栏时，我将出现在顶部。
我想要实现的是让这一行图标通过导航栏。
<section class="sub-banner row-fluid pad-top-extra pad-bottom-extra hidden-sm">
<div class="container main">
<ul class="ch-grid">
<li>
浏览 2提问于2013-08-15得票数 1
2回答
我目前正在尝试在我的常规菜单栏下面实现一个粘性的导航栏。 然而，当我向上滚动时，我的导航栏覆盖了我的菜单栏。有人能帮我一下吗？:) */ #navbar {
overflow: hidden;
background-color: #333;
}
/* Navbar links */ #navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px;
text-decoration: none;
}
/* Page
浏览 35提问于2021-01-08得票数 0
我不知道如何将CSS应用于嵌套元素。以下是我的示例代码，但我正在寻找一本解释所有规则的手册：
<div id="content">
<div id="main_text">
<h2 class="title"></h2>
</div>
</div>
如何将CSS仅应用于嵌套在该特定div中的类title
浏览 0提问于2012-02-09得票数 65
回答已采纳
2回答
如果希望将web应用程序会话存储到不同存储，因为每个新请求用户可能使用不同的节点，是否可以覆盖默认的容器会话存储？
浏览 3提问于2012-03-19得票数 0
回答已采纳
1回答
我正试图在右边创建一个粘粘的侧边栏。侧栏菜单位于网格列中。我使用sticky-top类作为，但它仍然不能工作。
这是密码..。
<div class="container min-vh-100 overflow-hidden">
<nav class="navbar navbar-light navbar-expand">
<a class="navbar-brand" href="#">Brand</a>
<ul class="
浏览 0提问于2019-04-05得票数 8
回答已采纳
1回答
Azure容器定期同步
、、、、
我有一个场景，我将来自两个订阅者(服务总线主题)的有效负载存储到两个不同的存储/容器中。存储机制在这些情况下是不同的。现在我必须每30分钟运行一次同步，它将比较目标和源创建的文件，如果目标中缺少任何内容，它应该能够将该文件从源复制到目标。
我正在查看AZCopy同步，但这是一个本地应用程序。还有逻辑应用程序和函数应用程序选项。
请分享这个问题的最佳解决方案是什么
浏览 10提问于2021-09-28得票数 0
1回答
位置粘滞不适用于列标题
、、、
我想使用位置粘滞，但我注意到，如果内容有样式列，它就不起作用。这是我用JSFiddle做的一个例子。https://jsfiddle.net/3f056yqv/ .sticky {
position: sticky;
top: 0;
background: #000;
color: #FFF;
}
.content {
height: 200px;
background: #FFF000;
}
.min {
width: 48%;
vertical-align: top;
display: inline-block;
}
.notworking {
浏览 10提问于2020-07-13得票数 1
回答已采纳
3回答
下面是我的例子，我需要将第一个组件放在第二个组件前面。目前，尽管z-索引，第二个组件在第一个组件的前面。我还试图将样式放在组件标记上，但它不起作用。我的错误在哪里？
第一部分：
import styled from "styled-components";
const Container = styled.div`
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 500px;
z-index: 100;
`;
function Aaa() {
浏览 9提问于2022-01-12得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
