失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jQuery实现div浮动层跟随页面滚动效果【javascript】

jQuery实现div浮动层跟随页面滚动效果【javascript】

时间:2022-02-16 14:58:31

相关推荐

jQuery实现div浮动层跟随页面滚动效果【javascript】

web前端|js教程

滚动条,移动

web前端-js教程

android数独小游戏源码压缩包,ubuntu 网络不通,tomcat配置文件映射,爬虫项目甘特图,php钻石蓝色教程网源码,智能化seo优化怎么样lzw

jQuery实现浮动层跟随页面滚动效果

#main{height:2000px}

.demo{width:180px; height:250px; margin:10px; border:2px solid #ccc; background:#eee; padding:10px; }

#demo1{position:relative; margin-top:-290px;}

#demo2{position:absolute; margin-top:156px; right:10px;}

.demo a{text-decoration:underline; cursor:pointer}

.demo h3{font-size:14px}

.demo p{line-height:20px}

$(function(){

$("#demo1").scrollFollow({

offset: 156

});

$("#demo2").scrollFollow({

speed:1000,

//offset: 156,

//relativeTo:"bottom",

killSwitch: "switchlink",

onText: 取消滚动,

offText: 开启滚动

});

});

Demo 1

滚动鼠标滚轮或者拖动浏览器的滚动条看看。

运维系统 源码,ubuntu正在等待安装,爬虫世界大决战,php中两个字符串连接符,网站seo导航lzw

试衣源码,vscode打开视频,清理ubuntu,shell检测tomcat,数据库设计 sqlite,移动 select 插件,前端教程如何做框架外包,西洋爬虫是什么意思,php前端 后端,惠州企业seo收费,小清新音乐网站源码,网页边框div素材,团购网站手机模板lzw

Demo 2

你可以通过点击下面的链接来开启和关闭浮动层的跟随滚动效果。

启动开关

helloweba

jQuery实现浮动层跟随页面滚动效果

Powered by 允许转载、修改和使用本站的DEMO,但请注明出处:

如果觉得《jQuery实现div浮动层跟随页面滚动效果【javascript】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。