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

赫连睿
2023-12-01

在本例中,我用到了一个重要的插件: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

 类似资料: