热门定位：绝对subnav ul可滑动

Question

如何制作2级水平导航可滑动？ Mainmenu（级别1：L1）是一个浮动的未排序列表。 子菜单（级别2：L2）也是具有绝对位置的浮动未排序列表。 在slideToggle上，子菜单（L2）不受影响，因为它的位置是绝对的。有没有人知道这个问题的解决方法？

<ul class="L1">
  <li class="active dropdown">
    <a href="#">Menu1.1</a>
    <span class="L2_outer">
        <ul class="L2" style="display:block;">
          <li><a href="#">Sub1.1</a></li>
          <li class="active"><a href="#">Sub1.2</a></li>
          <li><a href="#">Sub1.3</a></li>
        </ul>
      </span>
  </li>
  <li><a href="#">Menu1.2</a></li>
  <li class="dropdown">
    <a href="#">Menu1.3</a>
    <span class="L2_outer">
        <ul class="L2" style="display:none;">
          <li><a href="#">Sub2.1</a></li>
          <li><a href="#">Sub2.2</a></li>
        </ul>
      </span>
  </li>
  <li><a href="#">Menu1.4</a></li>
</ul>

https://jsfiddle.net/opaque/Lvwjj2sx