自动动画向下滚动使用jQuery

我想使用jQuery淡出当页面位于底部的动画滚动到底部按钮。我在互联网上发现了这个代码并对其进行了修改，但是我无法完成它的工作。自动动画向下滚动使用jQuery

<script> 
    //to bottom 
    $(document).ready(function(){ 

     // hide #back-top first 

     $("#back-bottom").show(); 

     // fade in #back-top 
     $(function() { 
      $(window).scroll(function() { 
       if ($(this).scrollTop() 1) { 
        $('#back-bottom').hide(); 
       } else { 
        $('#back-bottom').show(); 
       } 
      }); 

      // scroll body to 0px on click 
      $('#back-bottom a').click(function() { 
       $('body,html').animate({ scrollTop: 0 }, 800); 
       return false; 
      }); 
     }); 

    }); 
    </script>

来源

2012-09-08 user1656139

你能证明你的HTML标记过 – Sibu

此，请让人们可以看到什么错究竟创建一个小提琴。这很难猜到 – Asciiom

我认为你需要计算的车身高度，并传递到scrollTop的参数在动画

$('body,html').animate({ scrollTop: $('body').height() }, 800);

Check here the working demo

来源

2012-09-08 04:40:01

谢谢我真的很感激它，请给我那个演示链接 – user1656139

已更新我的答案请现在检查.. –

$('#back-bottom a').click(function() { 
       $('body,html').animate({ scrollTop: $('body').height() }, 500); 
       return false; 
      });

我认为它会为你工作

来源

2012-09-08 04:47:06 Anudeep

应该适用于滚动到底部，但在显示按钮时也有错误不在底部。 –

谢谢soo它的工作原理很好howerever 2问题1它不会平滑滚动，2它不会淡出请告诉我如何实现该感谢 – user1656139

首先认为你需要的是500的平滑滚动增加到1000或需要多少取决于 – Anudeep

创建一个可用的小提琴示例：

http://jsfiddle.net/z5JNc/

更改为隐藏的按钮状态：if($(window).scrollTop() + $(window).height() == $(document).height())

要重新滚动到顶部，加入一个变量，得到体的高度： var $elem = $('body') 链接被点击然后，当，改值为： scrollTop: $elem.height()

来源

2012-09-08 04:52:29

自动动画向下滚动使用jQuery

回答

相关问题