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)
2124
1.生成树状目录结构基于上篇文章,模拟使用线性顺序的h标签生成了树状的目录结构,只是数据结构的变化,本文将使用实际案例,实现生成目录结构并实现点击定位平滑移动。2.案例点击目录结构的title,页面
前端(h5)
2287
javascript代码实现scripttype="text/javascript"document.addEventListener('copy',function(event
javascript js html
1240
展示将文章中目标区域的h标签,生成目录结构具体代码下载下来看看吧~
前端(h5)
2903
,.....,itemX)参数描述index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany必需。要删除的项目数量。如果设置为0,则不会删除项目。item1,...,itemX
算法基础
1385
安装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)
2708
概念浅拷贝只会拷贝一层,如果数组中是对象,则只会拷贝对象引用,如果是基本数据类型则会拷贝值。深拷贝多层次拷贝,如果数组中是对象,则会连同对象一起拷贝。concat方法实现浅拷贝vara=[{id:1
nginx,前端,java基础
1998
基于javanio+netty+websocket+protobuf+javascript等技术实现前后端高性能实时数据传输的demo模型。 github地址:https
java基础
2441
关键词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
2024-04
1
2024-08
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
加密算法
目录
没有一个冬天不可逾越,没有一个春天不会来临。最慢的步伐不是跬步,而是徘徊,最快的脚步不是冲刺,而是坚持。