页面滚动到指定位置

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

方法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) 回调可以实现平滑滚动,无需使用计时器

posted @   为师灭了你  阅读(493)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
· 语音处理 开源项目 EchoSharp
点击右上角即可分享
微信分享提示