社区
JavaScript
帖子详情
分享:使用jQuery快速创建一个滚动悬浮的分享菜单
jjfat
2011-06-01 10:21:43
分享菜单目前被广泛的运动到博客或者论坛中,方便用户快速的将分享内容有效的在不同网站中分享和查阅,今天我们这里用几行简单的jQuery代码快速实现一个跟随滚动条悬浮的分享菜单,基本思路如下:
1. 根据滚动量来计算是否开发悬浮,这里我们使用position: fixed来显示悬浮
2. 当滚动回原处时,将需要悬浮的对象的CSS去掉,恢复原来状态
完整代码请查看原文。
演示DEMO
原文地址:
使用jQuery快速创建一个滚动悬浮的分享菜单
...全文
255
3
打赏
收藏
分享:使用jQuery快速创建一个滚动悬浮的分享菜单
分享菜单目前被广泛的运动到博客或者论坛中,方便用户快速的将分享内容有效的在不同网站中分享和查阅,今天我们这里用几行简单的jQuery代码快速实现一个跟随滚动条悬浮的分享菜单,基本思路如下: 1. 根据滚动量来计算是否开发悬浮,这里我们使用position: fixed来显示悬浮 2. 当滚动回原处时,将需要悬浮的对象的CSS去掉,恢复原来状态 完整代码请查看原文。 演示DEMO 原文地址:使用jQuery快速创建一个滚动悬浮的分享菜单
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
小一郎
2011-06-24
打赏
举报
回复
学习了,顶!
zell419
2011-06-02
打赏
举报
回复
ie 6不认识fixed这个 。
kk297173176
2011-06-02
打赏
举报
回复
收了 说不定以后都用上了
使用
jQuery
快速
创建一个
滚动
悬浮
的
分享
菜单
本文介绍如何
使用
jQuery
实现一个跟随
滚动
条
悬浮
的
分享
菜单
,包括根据
滚动
量判断是否显示,以及
滚动
回原处时恢复原状态的功能。
程序员们必备的10款免费
jquery
插件
本文精选了10款实用的
jQuery
插件,包括置顶导航
菜单
、回弹
菜单
、带有过渡效果的
悬浮
层对话框等,适用于网页开发的各种场景。
10 款提高开发效率的
jQuery
/CSS3 组件
本文
分享
了10款能提升前端开发效率的
jQuery
/CSS3组件,包括图片切换、日历事件记录、多级下拉
菜单
、立体进度条、动态数据图表、图片切换插件、垂直新闻
滚动
、图片
悬浮
按钮、Tab标签切换和灯光投影效果,为开发者提供了丰富的资源。
html靠右
悬浮
返回顶部窗口,
jQuery
右侧
悬浮
返回顶部和
分享
按钮代码
此篇博客介绍如何
使用
jQuery
实现网页
滚动
时的淡入淡出效果,并结合点击事件制作页面顶部的
快速
返回功能。同时展示了两个JavaScript函数,showEWM和hideEWM用于显示和隐藏元素。
程序猿必要10免费的钱
jquery
小工具
本文精选了10款实用的
jQuery
插件,包括导航
菜单
置顶、回弹
菜单
、带有button变幻过渡效果的
悬浮
层对话框等。这些插件能够帮助开发者
快速
实现各种前端交互效果。
JavaScript
87,989
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章