光滑的滑块过高

Question

您好，我正在尝试使用缩略图导航创建漂亮的滑块。我通过javascript添加滑块项，然后创建光滑的滑块。问题在于，父级的高度（&& slider-nav的滑块）要高一些。这是我的结果：

这是我的html代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <pre>

      </pre>
    <td>
  </tr>
</table>

这是我的Javascript：

<div class="slider-for"></div>
<div class="slider-nav"></div>

Answer 1

您能重写您的js代码吗？

$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav',
  adaptiveHeight: true
});

$('.slider-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true,
  adaptiveHeight: true
});