4

我正在使用 Dranged JS ( https://github.com/Stereobit/dragend )，但我在将高度设置为自动时遇到问题。

我在幻灯片中有两个 div，一个 200 像素，另一个 500 像素。该页面使用最高 div 的高度（500px），但我希望页面的高度更改为滑动或单击时当前可见的 div 的高度。如果 div 1 可见，则页面高度应为 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>
4

0 回答 0