使<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

也许尝试设置＆＃34;你有3个提醒＆＃34;作为标题和其余主要作为内容？

这样的事情： 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虽然它并非在所有浏览器中都可用。 Here是对定位的参考。