Question

我的页面上有div.triangle不透明度0
一旦页面底部被击中，我希望它淡入不透明度.95 然后，在我再次点击$（“。triangle”）后，我希望它滚动到$（“。container”）的顶部到目前为止我有这个，我认为除了活动之外我还有其他大部分内容吗？

   <script type="text/javascript">
      $(document).ready(function(){
          $(".container").scroll(function(){
              var currentPosition = $(document).scrollTop(); 
              var totalHeight = $(document).offsetHeight;
              var visibleHeight = $(document).clientHeight;
                  if (visibleHeight + currentPosition >= totalHeight){
                      $(".triangle").fadeTo("slow",.95);
                  }
          });
          $(".triangle").click(function(){
              $(".container").animate({scrollTop:0}, 'slow');
              $(".triangle").fadeTo("slow",0);
          });
      });
   </script>

Answer 1

试试这个：

  $(document).ready(function(){
      var bottom = ($(window).outerHeight() - $(window).height()) - 50; // 50 pixel to the bottom of the page; 
      $(window).scroll(function(){
          if ($(window).scrollTop() >= bottom ) {
                  $(".triangle").fadeTo("slow",.95);
             } else {
                  $(".triangle").fadeOut("slow");
             }
      });

      $(".triangle").click(function(){
          $('html, body').animate({scrollTop:0}, 'slow');
          $(".triangle").fadeOut("slow");
      });
  });

滚动到jquery中的顶部按钮

1 个答案: