随身笔记
随身笔记

jquery实现wordpress侧边栏 固定位置

关键字:侧边 悬浮 滚动 固定位置 相对定位fixed

jquery实现wordpress侧边栏随滚动条滚动至指定的区域内就停止移动就像本站的右侧一样,现在教大家如何实现这效果。
基本流程是首先加载jquery库,之后在加载sidebar-follow-jquery.js文件。

接着就是你需要移动的div最重要的是在你需要移动的div后面紧加上以下代码:

<script>(new SidebarFollow()).init({
element: jQuery(‘#content_right’),
prevElement: jQuery(‘#xsnazzy’),
distanceToTop: 2
});</script>

总结下步骤因为对初学者来说还是有点难度的当初我用的时候看了好半天才做出来:
1,加载jquery库
2,加载sidebar-follow-jquery.js文件
3,需要移动的div层
4,添加以上给出的代码
顺序不能乱。
现在教详细的写法就拿本站为例子讲解,本站的CSS样式部分是这样的:

<div style=”width:260px; float:right; height:0px;”>//这层是定位作用width自行修改height不必修改
<div id=”content_right”> //这里就是需要移动的内容层
</div>
</div>

接下来就是分析以下代码:

<script>(new SidebarFollow()).init({
element: jQuery(‘这里是需要移动的层的ID名字’),
prevElement: jQuery(‘当移到这里就停止的层的ID名字’),
distanceToTop: 2
});</script>

基本就这样,这里顺便鄙视下故意教一半就不教或者是教的模模糊糊的故意卖弄技术的人。
sidebar-follow-jquery.js下载

没有标签
首页      前端资源      wordpress教程      jquery实现wordpress侧边栏 固定位置

随身笔记

jquery实现wordpress侧边栏 固定位置
关键字:侧边 悬浮 滚动 固定位置 相对定位fixed jquery实现wordpress侧边栏随滚动条滚动至指定的区域内就停止移动就像本站的右侧一样,现在教大家如何实现这效果。 基本流程是首先加…
扫描二维码继续阅读
2012-12-15