小编use*_*269的帖子

Bootstrap下拉列表位置(Up/Bottom)基于文档高度

我的页面上有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

12
推荐指数
2
解决办法
9752
查看次数