1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > jQuery实现浮动层跟随页面滚动效果

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

时间:2021-09-07 20:07:22

相关推荐

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

在本例中,我用到了一个重要的插件:scroll-follow,该插件在当前主流浏览器IE6+, FF2+, Safari 3,and Opera 9均测试通过,具有可配置参数,使用简单的特点。

XHTML

<div id="iiithsol-scroll" class="iiithsoul-demo">任意想展示的内容</div>

只需要一个div层,内容任意。值得注意的是,如果你想把DIV展示在页面左右两边,则应该把这个DIV放在紧跟<body>后。

CSS

.iiithsoul-demo{width:180px; height:250px; margin:10px; border:2px solid #ccc; background:#eee; padding:10px; position:relative; margin-top:-290px;}

jQuery

引入jquery和scroll-follow.js

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