为什么我的置顶位置 属性 不起作用
why does my sticky position property not work
<div class="header">
<a href="#" class="evanto-link">evanto</a><a href="#" id="evanto-link2">market</a>
<a href="#"><button class="buynow-btn">Buy now</button></a>
</div>
div.header{
background-color: #0d0c09;
padding: 10px;
height: auto;
position: sticky;
margin: 0px;
top: 0;
}
菜单不卡在视点是什么原因，我在网上搜索过，没有成功。
这对我来说非常好：
div.header{
background-color: #0d0c09;
padding: 10px;
height: auto;
position: sticky;
margin: 0px;
top: 0;
}
body{
height:10000px;
}
<body>
<div class="header">
<a href="#" class="evanto-link">evanto</a><a href="#" id="evanto-link2">market</a>
<a href="#"><button class="buynow-btn">Buy now</button></a>
</div>
</body>
您必须至少有几行内容才能滚动查看置顶效果。你的代码对我有效。
你想达到什么目的？
<div class="header">
<a href="#" class="evanto-link">evanto</a><a href="#" id="evanto-link2">market</a>
<a href="#"><button class="buynow-btn">Buy now</button></a>
</div>
div.header{
background-color: #0d0c09;
padding: 10px;
height: auto;
position: sticky;
margin: 0px;
top: 0;
}
菜单不卡在视点是什么原因，我在网上搜索过，没有成功。
这对我来说非常好：
div.header{
background-color: #0d0c09;
padding: 10px;
height: auto;
position: sticky;
margin: 0px;
top: 0;
}
body{
height:10000px;
}
<body>
<div class="header">
<a href="#" class="evanto-link">evanto</a><a href="#" id="evanto-link2">market</a>
<a href="#"><button class="buynow-btn">Buy now</button></a>
</div>
</body>
您必须至少有几行内容才能滚动查看置顶效果。你的代码对我有效。
你想达到什么目的？