随屏滚动JS特效代码（相对于指定层不是相对于屏

我们在网站建设的时候，经常会用到随屏滚动代码，比如可以把QQ客服进行随屏滚动或者是其他的应用，比如是一个相关文章列表。

随屏滚动JS特效代码，这个随屏滚动是相对于指定层而不是相对于屏幕，就是她的边界始终是相对于指定的相对定位层的，同时附带了返回顶部的动态效果。

这只是个原始的模型，具体怎么应用就看你怎么发挥了。

这里面可以放任意内容，比如你的QQ客服，或者是一个文章列表，或者是其他任何东西。

下面的js特效代码中的 100 是指定浮动层位于相对层的上边界的。

<script type="text/javascript">
        qMenu = new QuickMenu(document.getElementById("quick"), 0, 100);
        qMenu.InitializeStaticMenu();
</script>

CSS中的

.main{ width:600px; position:relative; height:2000px; background-color:#F0F0F0}
#quick{ width:100px; position:absolute; right:10px; padding:10px; border:#cccccc solid 1px;}

其中main中的 position:relative; 是主要因素，他和下面的 #quick{position:absolute;} 决定了#quick是相对于main定位的。

懒人建站为你提供，网站建设特效大全。

TAG标签