javascript js实现滑动定位(锚点定位)
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 变量调整滑动后距离顶部的高
猜你喜欢
blog
h标签生成目录结构实现点击定位平滑移动
前端(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
目录
祝愿神州十三飞行乘组平安归来