scroll的应用

Posted 李宗禹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scroll的应用相关的知识,希望对你有一定的参考价值。

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的应用的主要内容,如果未能解决你的问题,请参考以下文章

简单实现个vue的下拉加载

jQuery 平滑滚动片段以不同的速度工作

小程序根据索引滚动指定的位置

ShapeShifter 2滚动主页“页面模板”片段

片段中的某些视图未使用过渡动画

jQuery应用 代码片段