前端实现页面滚动div固定
前端实现页面滚动div固定
例:
js实现
var top1 = $(".scroll").offset().top; window.onscroll = function() { var win_top = $(this).scrollTop(); var top = $(".scroll").offset().top; if(win_top >= top) { $(".scroll").css("position", "fixed"); $(".scroll").css("top","0px"); $(".scroll").css("background","#c2e5ff"); } if(win_top < top1) { $(".scroll").css("position", "relative"); $(".scroll").css("background","#ffffff"); } }
.scroll就是需要固定的div
评论区
请写下您的评论...
猜你喜欢
blog
web前端html页面添加键盘事件
前端(h5)
2319
web前端html页面添加键盘事件$(document).keydown(function(event){if(event.keyCode==13){document.getElementById
weblog
1862
java服务端实现sha256加密importjava.io.UnsupportedEncodingException;importjava.security.MessageDigest
blog
前端使用layui分页
前端(h5)
1481
引入layui相关组件layui.use(['form','laypage'],function(){ var$=layui.$; varlaypage=layui.laypage; varform=layui.form; functionsel(message,page,limit){ $.ajax({ url:'${path}/interview/select',
blog
h标签生成目录结构实现点击定位平滑移动
前端(h5)
1842
1.生成树状目录结构基于上篇文章,模拟使用线性顺序的h标签生成了树状的目录结构,只是数据结构的变化,本文将使用实际案例,实现生成目录结构并实现点击定位平滑移动。2.案例点击目录结构的title,页面
前端(h5)
2939
1.锚点定位很简单两行搞定:ahref="#anchorName"点击跳转到anchorName的位置/aaname="anchorName"anchorName/a2.js代码实现,并带滑动效果
weblog
1608
javaMD5加密和和javascript加密该加密工具没有加盐java加密工具importjava.security.MessageDigest;importjava.security.NoSuchAlgorithmException;/*** md5加密工具*@authorJiajiajia*@date2020年3月18日*@toduTODO*/publicclassMD5Util{ publ
nginx,前端,java基础
1328
基于javanio+netty+websocket+protobuf+javascript等技术实现前后端高性能实时数据传输的demo模型。 github地址:https
框架
2325
很多项目在开发的时候都会遇到分页的问题,一般分页主要用到两个参数page和limit,page是第几页,limit是请求多少条数据。而一般在请求数据库的时候我们用不到page参数,用到的是用page
最新发表
归档
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
标签
算法基础
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
目录
没有一个冬天不可逾越,没有一个春天不会来临。最慢的步伐不是跬步,而是徘徊,最快的脚步不是冲刺,而是坚持。