jquery如何实现锚点链接之间的平滑滚动
- 软件编程
- 2026-01-11 15:48:56
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({
scrollTop: targetOffset
},
500);
return false;
}
}
});
# false
# BR
# amp
# var
# jquery
# return
# span
# function
# click
# target
# replace
# href
# body
# location
# slice
# hash
# hostname
# pathname
# animate
# scrollTop
# 锚点链接
# jQuery实现平滑滚动到指定锚点的方法
# JQuery简单实现锚点链接的平滑滚动
# JQuery 实现在同一页面锚点链接之间的平滑滚动
# 平滑滚动
# jQuery实现平滑滚动页面到指定锚点链接的方法
# jQuery实现页面内锚点平滑跳转特效的方法总结
# jQuery实现锚点向下平滑滚动特效示例
# targetOffset
相关栏目:
【
教研文案 】
【
日常文案 】
【
AI模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
python 实现性别识别
python help函数实例用法
JavaScript中的几种继承方法示例
详解JavaScript 中的批处理和缓存
Asp.Net Core实现Excel导出功能的实现方法
php解析非标准json、非规范json的方式实例
gradle项目中资源文件的相对路径打包技巧必看
git丢弃本地修改的所有文件(新增、删除、修改)
c# 几种常见的加密方法的实现
Android多线程断点续传下载实现代码
python实现经纬度采样的示例代码
vue添加自定义右键菜单的完整实例
MySQL获得当前日期时间函数示例详解
Spring Boot + Mybatis-Plus实现多数据源的方法
python中_del_还原数据的方法
java awt实现计算器功能
javascript this指向相关问题及改变方法
PHP实现腾讯短网址生成api接口实例
Java中多线程与并发_volatile关键字的深入理解
Java Spring数据单元配置过程解析
TCP socket SYN队列和Accept队列区别原理解析
学习C语言对后期java有帮助吗
Java 二分查找的实现及图例解析
非常全面的Java异常处理(全文干货,值得收藏)
原生js实现自定义消息提示框
Python爬虫进阶之爬取某视频并下载的实现
python使用正则表达式匹配txt特定字符串(有换行)
thinkphp诸多限制条件下如何getshell详解
Python request post上传文件常见要点
react中hook介绍以及使用教程
关于c++编译protobuf时提示LNK2001 无法解析的外部符号的问题
Spring定时服务QuartZ原理及代码案例
mybatis多数据源动态切换的完整步骤
java开发中使用IDEA活动模板快速增加注释的方法
scrapy在python爬虫中搭建出错的解决方法
python eventlet绿化和patch原理
SpringBoot中dubbo+zookeeper实现分布式开发的应用详解
MyBatis多表连接查询的实例教程
mysql用户变量与set语句示例详解
详解MySQL8的新特性ROLE
超简单实现Docker搭建个人博文系统
微信小程序实现日历小功能
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
Java 如何优雅的拷贝对象属性
php远程请求CURL实例教程(爬虫、保存登录状态)
C# 实现Table的Merge,Copy和Clone
在Docker构建的容器中实现安装ping工具
如何利用Python写个坦克大战
解决docker run时候启动两个占有不同端口的问题
微信小程序向Java后台传输参数的方法实现
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
