這是我的代碼。 我在用bootstrap。 我不知道為什么，但是它不起作用。 我剛剛將頂部位置設置為0，但仍然不起作用。 知道嗎？ 標題:

<style>
    .background-nav {
        background: #58585858;
        backdrop-filter: blur(45px);
        border: 3px solid #808080;
    }
    .t-0 {
        top: 0;
    }
</style>
<div class="w-100">
    <div class="row justify-content-around position-sticky t-0 p-0 m-0">
        <div class="col-2 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Home</div>
        <div class="col-7 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Search</div>
        <div class="col-2 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Music</div>
    </div>
</div>

主要代碼:

<div id="navbar"></div>
<section>
    <a href="http://localhost:3000/login">login</a>
</section>
<button style="background: red; color: white" id="Shutdown">SHUTDOWN</button>
<div class="meow">.</div>
<div class="meow">....</div>
<div class="meow">....</div>
<div class="meow">....</div>
<div class="meow">....</div>
<div id="footer"></div>

頂部代碼將被替換為#navbar 這是主代碼的css

.meow {
            height: 5000px;
            width: 200px;
            display: block;
            background: red;
        }

我試圖將top設置為0或將position設置為sticky。重要標簽

首先將你的元素包裝在一個容器中，因為boostrap增加了額外的css屬性。所以做這個...

<style>
    #container{
      position: sticky; top: 0;
    }
    .background-nav {
        background: #58585858;
        backdrop-filter: blur(45px);
        border: 3px solid #808080;
    }
    .t-0 {
        top: 0;
    }
</style>

<div id="container">
<div class="w-100">
    <div class="row justify-content-around position-sticky t-0 p-0 m-0">
        <div class="col-2 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Home</div>
        <div class="col-7 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Search</div>
        <div class="col-2 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Music</div>
    </div>
</div>
</div>

要有粘性，元素必須在滾動容器中。 因此，嘗試將導航和上下文包裝在一個div中，并說overflow: auto 然后導航上的position: sticky和top: 0應該就可以了。 并且可能z-index: 2和“背景:白色”,因此導航將在前面并且不要透過它看，

更多關于mdn位置的信息