zoukankan      html  css  js  c++  java
  • 页面滚动到指定位置

     经常不记得代码,在这里总截下,方便以后查看:

    方法1:使用锚点 (不多说百度下 比较多)

    方法2:jQuery实现

    $(document).ready(function (){  
                $("#scroll2").click(function (){      //无过渡效果
                    $('html, body').scrollTop(offset ); 
                });
    
                $("#scroll2").click(function (){     //平滑滚动到指定位置
                    $('html, body').animate({  
                        scrollTop: offset        //offset,数值你要到滚动的位置 
                    }, 2000);  
                });  
            });  

        Js 实现

    用 requstAnimationFrame(function) 回调可以实现平滑滚动,无需使用计时器

  • 相关阅读:
    3.26
    3.25
    3.24
    3.23 JS学习
    3.22 团队作业1 疫情数据可视化
    3.19 个人作业1源码
    3.18 个人作业源码
    5.06python
    5.05Android
    5.04Android
  • 原文地址:https://www.cnblogs.com/wteng/p/5715369.html
Copyright © 2011-2022 走看看