由滑块隐藏的下拉列表html

Question

我有一个滑块和下拉列表，当我打开列表时，它被滑块隐藏了。我检查了slick.css，发现了这个：

​

$('.variable-width').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 6,
  variableWidth: true
});

body {
  background: #ccc;
  padding: 0;
}

.container {
  padding: 25px;
  border: 1px solid #000;
}

.slider {
  border: 1px solid #000;
}

.slider {
  height: 80px;
}

.slider p {
  background: #fff;
  height: 75px;
  border: 1px solid #ccc;
}

<h2>Variable Width</h2>
<div class="container">
  <div class="slider variable-width">
    <div style="width: 200px; color:red">
      <span>
              <a class='dropdown-button btn white clickDrop' ng-click="clickS()"
                data-activates='dropdownSkill' style="width: 295px">Drop Me!</a>
                            <!-- Dropdown Structure -->
              <div id='dropdownSkill' class='dropdown-content'>
                  <input class="inputDropdown" ng-model="skillValue"    style="margin-left: 5px">
                  <ul class="" style="width: 300px" ng-repeat="skill in skillsFilter | filter: skillValue">
                  <li ng-click="selectSkill(skill.SKILLID)" ng-model="skill.SKILLID">alyssa</li>
                   <li ng-click="selectSkill(skill.SKILLID)" ng-model="skill.SKILLID">mel</li>
                                </ul>
                            </div>
            </span>
    </div>
    <div style="width: 200px;">
      <p>200</p>
    </div>
    <div style="width: 75px;">
      <p>75</p>
    </div>
    <div style="width: 300px;">
      <p>300</p>
    </div>
    <div style="width: 225px;">
      <p>225</p>
    </div>
    <div style="width: 175px;">
      <p>175</p>
    </div>
    <div style="width: 100px;">
      <p>100</p>
    </div>
    <div style="width: 200px;">
      <p>200</p>
    </div>

  </div>
</div>

​

但是当我移除溢出时，所有的滑动幻灯片都是这样显示的：

我在这里做了个小手脚：http://jsfiddle.net/memvovkz/150/

有没有人能帮帮我，请提前谢谢:)

Answer 1

后代元素将始终由带有overflow: hidden的元素裁剪。甚至使用position: fixed的元素。

您可以从滑块下拉，设置它的位置固定或绝对。然后点击"DROP ME!“您可以将下拉列表的位置设置在需要的位置并显示它。

要获得正确的位置，可以使用"DROP ME“的偏移量