Question

我正在使用Drangend JS（https://github.com/Stereobit/dragend），但我遇到了将高度设置为自动的问题。

我在幻灯片中有两个div，一个200px，另一个500px。该页面使用最高div（500px）的高度，但我希望页面的高度更改为滑动或单击时当前可见的div的高度。如果div one可见，页面高度应为200px，如果div 2可见，则页面高度应为500px

<body>
 <div id="demo">
   <ul>
    <li class="first dragend-page" ></li>
    <li class="last dragend-page"></li>
  </ul>
</div>


 <ul class="nav">
   <li data-page="1" >1</li>
   <li data-page="2">2</li>
</ul>
</body>

以下是我的代码

 <script>

$(function() {
  $("#demo").dragend({
    afterInitialize: function() {
      this.container.style.visibility = "visible";
    },
    onSwipeEnd: function() {
      var first = this.pages[0],
          last = this.pages[this.pages.length - 1];

      $(".prev, .next").removeClass("deactivated");
      $(".nav li").removeClass("active");

      $(".nav li").eq(this.page).addClass("active");

    }
  });


  $(".nav").click(function() {
    var page = $(event.target).data("page");

    $("#demo").dragend({
      scrollToPage: page
    });

    $(event.target).addClass("active");

  })

});
</script>

Dragend JS的高度问题

0 个答案: