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

硅谷探秘者 1563 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) 849 1.生成树状目录结构基于上篇文章,模拟使用线性顺序的h标签生成了树状的目录结构,只是数据结构的变化,本文将使用际案例,生成目录结构并。2.案例击目录结构的title,页面
前端(h5) 1332 javascript代码scripttype="text/javascript"document.addEventListener('copy',function(event
前端(h5) 2091 ,.....,itemX)参数描述index必需。整数,规添加/删除项目的置,使用负数可从数组结尾处规置。howmany必需。要删除的项目数量。如果设置为0,则不会删除项目。item1,...,itemX
javascript js html 527 展示将文章中目标区域的h标签,生成目录结构具体代码下载下来看看吧~
算法基础 295 安装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) 1781 概念浅拷贝只会拷贝一层,如果数组中是对象,则只会拷贝对象引用,如果是基本数据类型则会拷贝值。深拷贝多层次拷贝,如果数组中是对象,则会连同对象一起拷贝。concat方法浅拷贝vara=[{id:1
nginx,前端,java基础 196   基于javanio+netty+websocket+protobuf+javascript等技术前后端高性能时数据传输的demo模型。  github地址:https
java基础 809 关键词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
标签
算法基础 linux 前端 c++ 数据结构 框架 数据库 计算机基础 储备知识 java基础 ASM 其他 深入理解java虚拟机 nginx git 消息中间件 搜索 maven redis docker dubbo vue 导入导出 软件使用 idea插件 协议 无聊的知识 jenkins springboot mqtt协议 keepalived
目录
祝愿神州十三飞行乘组平安归来