当前位置: 代码网 > it编程>编程语言>Javascript > xScrollStick 跟随滚动条漂浮的JS特效

xScrollStick 跟随滚动条漂浮的JS特效

2024年05月18日 Javascript 我要评论
这是一个跟随滚动条漂浮的js特效,就是说滚动条滚动而元素相对屏幕位置不变 网上有很多类似的效果,本代码比较起来有如下优点: 1. 兼容ie6.0+ & ff1.5+ 2. 使用非常简单,属于菜

这是一个跟随滚动条漂浮的js特效,就是说滚动条滚动而元素相对屏幕位置不变

网上有很多类似的效果,本代码比较起来有如下优点:

1. 兼容ie6.0+ & ff1.5+
2. 使用非常简单,属于菜鸟最爱的那种拿来就能用的,见下面说明
3. 元素之间不会起冲突,一页中可以有n个特效,多元素使用无代码冗余

缺点有:

1. 只能在声明为xhtml的文档中使用
2. 元素最好放在body下
3. 滚动时不可避免的会有闪烁(已经比较轻微,但追求完美者可能觉得不爽)

使用说明:
在页面中引用js包,然后在需要特效的div上设定class为xscrollstick即可,当然不要忘记给每个元素写上你希望它固定的位置

示例1:

示例2:

演示:

运行代码框

页面由两个个部分组成:
页面文件:
代码拷贝框

js:
运行代码框

ps:
这一作的技术含量较前两个更低......没办法,js本来的目的之一就是特效....

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com