前台JQ：右列部分内容浮动跟随滚动

chen'mo

2013-02-08 / 0 评论 / 3,950 阅读 / 正在检测是否收录...

02/08

温馨提示：

本文最后更新于1970年01月01日，已超过20042天没有更新，若内容或图片失效，请留言反馈。

就是好多网站往下拉而右边的侧边栏却不动，可提高广告的展现率。

<head></head>之间加入

<style>
.sidebar {position:relative;}/*此属性必须*/
.div1{}
.div2{position:fixed;_position:absolute;top:0px;z-index:300;}/*此属性必须*/
</style>
<script src="/js/jquery.min.js"></script>

<body></body>之间构造

<!--▼右侧容器-->
<div class="sidebar">
……省略内容 注意此处的一定定义高度
<!--▼生效区域-->
<div id="float" class="div1">
此处放需要跟随滚动的内容比如广告
</div>
<!--▲生效区域-->
……省略内容
</div>
<!--▲右侧容器-->
<script src="/js/left.ad.js" type="text/javascript"></script>

需要的文件

1.http://www.iaeweb.com/js/jquery.min.js

2.http://www.iaeweb.com/js/left.ad.js

那一年 · 2月8日