javascript - 使用 javascript 将项目向下移动到页面

Question

我正在尝试创建一个看起来像引导下拉菜单的下拉菜单:http://getbootstrap.com/javascript/#dropdowns

JavaScript 中有没有一种方法可以移动整个 ul，将下拉菜单保持在下拉按钮下方。这是我的 html:

<ul class="navbar">
  <li class="navbarItem">
    Dropdown
    <ul class="dropdown">
      <li>
        Dropdown 1
      </li>
      <li>
        Dropdown 2
      </li>
      <li>
        Dropdown 3
      </li>
    </uL>
  </li>
  <li> About Us </li>
</ul>

所以基本上我想使用 javascript 将 ul 移到页面下方。

Answer 1

移动 ul 的一种方法是这样做，尽管它需要 JQuery:

$('dropdown').offset().top = $('dropdown').offset().top + 5;

可以通过将其放在您的页面上来安装 JQuery:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

希望这有帮助。