使 <li> 不可滾動 <ul>

Question

我有這樣的<ul> 。

我想要文本“您有3條提醒”。 不滾動並停留在最前面。 我怎樣才能做到這一點？

在<ul>我有一些類似的代碼。

<ul class="dropdown-menu" role="menu" id="reminder"
style="max-height: 200px; width: 400px; overflow: hidden; 
overflow-y: scroll; padding-left: 10px; padding-right: 10px;"></ul>

謝謝您幫忙。

Answer 1

也許嘗試將“您有3條提醒”設置為標頭，其余設置為主要內容？

像這樣的東西：HTML

<article>
    <header>You Have 3 Reminders</header>

    <p id="ArticleTitle">Task Satu by admin to admin</p>

    <p id="Content">You have <b>Two Days Before</b> Reminder.</p>
</article>

的CSS

    ​#header {
        height:50px;
        width:100%;
        position:fixed;
        top:0;
        left:0;    
    }
.ArticleTitle{
    top:10;
}

Answer 2

您可以嘗試position: fixed獲得結果。

另一個選擇是使用position: sticky盡管並非在所有瀏覽器中都可用。 這是定位的參考。