我正在嘗試制作一個手風琴，其中打開的選項卡在向下滾動頁面時將保持在頂部。當前打開的選項卡應保留在那里并在按下時關閉。
我目前正在通過模板生成手風琴，如下所示
<script type="text/template" id="accordion-item-template">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="###NAME##"><i class="bi bi-eye-slash ##VISIBLE##"></i>##TEXT##</button>
</h2>
<div id="##NAME##" class="accordion-collapse collapse" data-bs-parent="###PARENT##-accordion">
<div class="accordion-body" id="##NAME##-accordion-body"></div>
</div>
</div>
我正在使用以下類來嘗試這樣做，但我無法讓它在打開的手風琴標題是仍然粘在頁面上的標題中作業
@media only screen and (max-width: 767px) {
.nofloat {
float: none;
padding: 10px 15px;
}
}
.fixed {
top: 0;
position: fixed;
width: auto;
display: none;
border: none;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
uj5u.com熱心網友回復：
我現在使用了以下 CSS 類，它使打開的手風琴標題變得粘滯，但是標題出現在手風琴正文的后面
.accordion-header.sticky {
position: -webkit-sticky;
position: sticky;
top: 10px; }
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/491652.html