zoukankan      html  css  js  c++  java
  • bootstrap 下拉菜单自动向上向下弹起

    .别人的解决方案

    2.别人的解决方案

    3.我哒

    div class="btn-group" style="margin-top:500px;" >
    <button type="button" class="btn btn-default">Drop</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu" role="menu">
    <li>1</li><li>2</li> <li>1</li><li>2</li> <li>1</li><li>2</li> <li>1</li><li>2</li>
    </ul>
    </div>
    <style>
    .dropup .dropdown-menu{
    position: absolute;
    top:auto;
    bottom:100%;
    }
    .dropdown .dropdown-menu{
    position: absolute;
    top:100%;
    bottom:auto;
    }
    </style>
    <script>
    $(function(){
    $(".dropdown-toggle").click(function(){
    var myheight=$(".dropdown-menu").height()+$(".btn-group").offset().top;
    alert(myheight);
    alert($(window).height())
    if($(window).height()<myheight){
    $('.btn-group').addClass('dropup')
    }else{
    $('.btn-group').addClass('dropdown')
    }
    })

    })
    </script>

  • 相关阅读:
    线段的平移和旋转
    《构建之法》第一章读书笔记
    课程大作业总结
    2016.1.8
    2016.1.7
    2016.1.6总结
    初学MFC
    实时控制软件第三次编程作业
    实时控制软件设计第二次编程作业
    实时控制软件设计第一次编程作业
  • 原文地址:https://www.cnblogs.com/zhouyx/p/9317808.html
Copyright © 2011-2022 走看看