javascript js实现滑动定位(锚点定位)

硅谷探秘者 2901 0 1

1.锚点定位很简单两行搞定:

<a href="#anchorName">点击跳转到anchorName的位置</a>
<a name="anchorName">anchorName</a>

2.js代码实现,并带滑动效果

	$(document).on('click','.anchorName',function(){
	     var anchor = $('.anchor').offset().top;
	     $('html,body').animate({scrollTop:anchor},200);
	})

可以通过 anchor 变量调整滑动后距离顶部的高


评论区
请写下您的评论...
暂无评论...
猜你喜欢
前端(h5) 1814 1.生成树状目录结构基于上篇文章,模拟使用线性顺序的h标签生成了树状的目录结构,只是数据结构的变化,本文将使用际案例,生成目录结构并。2.案例击目录结构的title,页面
前端(h5) 2012 javascript代码scripttype="text/javascript"document.addEventListener('copy',function(event
javascript js html 1240 展示将文章中目标区域的h标签,生成目录结构具体代码下载下来看看吧~
前端(h5) 2702 ,.....,itemX)参数描述index必需。整数,规添加/删除项目的置,使用负数可从数组结尾处规置。howmany必需。要删除的项目数量。如果设置为0,则不会删除项目。item1,...,itemX
算法基础 1072 安装proto编译器参考:http://www.jiajiajia.club/blog/artical/351psy9r6l0g/464编写.proto文件syntax="proto3"; messageDogInfo{ stringname=1; int32age=2; }编译生成访问类文件:命令:protoc--js_out=import_style=commonjs,binary:.Do
前端(h5) 2447 概念浅拷贝只会拷贝一层,如果数组中是对象,则只会拷贝对象引用,如果是基本数据类型则会拷贝值。深拷贝多层次拷贝,如果数组中是对象,则会连同对象一起拷贝。concat方法浅拷贝vara=[{id:1
nginx,前端,java基础 1233   基于javanio+netty+websocket+protobuf+javascript等技术前后端高性能时数据传输的demo模型。  github地址:https
java基础 2113 关键词URLEncoderURLDecoderescapeencodeURIencodeURIComponentdecodeURIunescapejavaStrings=URLEncoder.encode("这是上岛咖啡你哈卡斯","utf-8");Strings2=URLDecoder.decode("%E8%BF%99%E6%98%AF%E4%B8%8A%E5%B2%9B%E5%92%96%E
归档
2018-11  12 2018-12  33 2019-01  28 2019-02  28 2019-03  32 2019-04  27 2019-05  33 2019-06  6 2019-07  12 2019-08  12 2019-09  21 2019-10  8 2019-11  15 2019-12  25 2020-01  9 2020-02  5 2020-03  16 2020-04  4 2020-06  1 2020-07  7 2020-08  13 2020-09  9 2020-10  5 2020-12  3 2021-01  1 2021-02  5 2021-03  7 2021-04  4 2021-05  4 2021-06  1 2021-07  7 2021-08  2 2021-09  8 2021-10  9 2021-11  16 2021-12  14 2022-01  7 2022-05  1 2022-08  3 2022-09  2 2022-10  2 2022-12  5 2023-01  3 2023-02  1 2023-03  4 2023-04  2 2023-06  3 2023-07  4 2023-08  1 2023-10  1 2024-02  1 2024-03  1
标签
算法基础 linux 前端 c++ 数据结构 框架 数据库 计算机基础 储备知识 java基础 ASM 其他 深入理解java虚拟机 nginx git 消息中间件 搜索 maven redis docker dubbo vue 导入导出 软件使用 idea插件 协议 无聊的知识 jenkins springboot mqtt协议 keepalived minio mysql ensp 网络基础 xxl-job rabbitmq haproxy srs 音视频 webrtc javascript
目录
没有一个冬天不可逾越,没有一个春天不会来临。最慢的步伐不是跬步,而是徘徊,最快的脚步不是冲刺,而是坚持。