我的页面上有bootstrap dropmenu列表.当页面最小化或屏幕调整时,menulist将离开屏幕.如果屏幕高度使列表离开屏幕,我想检查并向上显示它们.
这是我的HTML,
<div class="btn-group pull-right">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Click<span class="caret"></span></button>
<ul class="dropdown-menu pull-right" role="menu">
<li>First</li>
<li>Second></li>
<li>Third</li>
<li><Fourth</li>
<li>Fifth</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
注意:列表分别以高度而不是宽度为准.屏幕的宽度无关紧要,因为我已经使用"向右拉",这使我的列表显示在屏幕内.
jquery css3 twitter-bootstrap drop-down-menu twitter-bootstrap-3