码迷,mamicode.com
首页 > 其他好文 > 详细

scroll的应用

时间:2017-05-18 22:12:52      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:com   body   click   hang   log   anim   位置   php   cli   

jQuery(document).ready(function($){
 $(‘#shang‘).click(function(){
  $(‘html,body‘).animate({scrollTop: ‘0px‘}, 800);
 });
 $(‘#comt‘).click(function(){
  $(‘html,body‘).animate({scrollTop:$(‘#comments‘).offset().top}, 800);
 });
 $(‘#xia‘).click(function(){
  $(‘html,body‘).animate({scrollTop:$(‘#footer‘).offset().top}, 800);
 });
});

  

 

表示点击相关ID移动到指定位置:
点击ID为shang的元素,回到顶部;
点击ID为comt的元素,回到ID为comments的位置;
点击ID为xia的元素,回到底部;

scroll的应用

标签:com   body   click   hang   log   anim   位置   php   cli   

原文地址:http://www.cnblogs.com/li1056822533/p/6875692.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!