锚点链接点击缓慢移动到目标位置,而不是直接瞬间跳转到目标地址,这样提样不是很好,期待的样子应该是点击锚点链接后,有个稍微缓慢的移动过程,如何实现呢?
方案:采用jquery
demo:
js平滑滚动到顶部、底部、指定地方.box{ height:200px; width:100%; background:#ccc; margin:10px 0;}
.location{ position:fixed; right:0; bottom:10px; width:20px; background:#FFC; padding:5px; cursor:pointer;color:#003};
产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍
返回顶部
产品介绍
滑到底部
jQuery(document).ready(function($){
$('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
$('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top}, 800);});
$('.scroll_bottom').click(function(){$('html,body').animate({scrollTop:$('.bottom').offset().top}, 800);});
});
创建时间:2018年9月17日20:02