之前談過(guò) 關(guān)于jQuery實(shí)現(xiàn)側(cè)邊欄隨窗口滾動(dòng),WordPress主題側(cè)邊欄隨窗口滾動(dòng) 但是覺(jué)得這樣浮動(dòng)顯得有點(diǎn)喧賓奪主了。所以現(xiàn)在改成固定漂浮的了，下面把設(shè)置方法向大家詳細(xì)介紹：
第一步：引入jquery.min.js，如果已經(jīng)引入，則不必重復(fù)引入。在主題header.php文件中添加如下代碼：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
第二步：在<body>標(biāo)記前加入如下代碼，推薦加在主題footer.php文件<body>標(biāo)記前。
<script type="text/javascript">// <![CDATA[
$.fn.smartFloat = function() {
var position = function(element) {
var top = element.position().top, pos = element.css("position");
$(window).scroll(function() {
var scrolls = $(this).scrollTop();
if (scrolls > top) {
if (window.XMLHttpRequest) {
element.css({
position: "fixed",
top: 0
});
} else {
element.css({
top: scrolls
});
}
}else {
element.css({
position: pos,
top: top
});
}
});
};
return $(this).each(function() {
position($(this));
});
};
//綁定
$("#float").smartFloat();
// ]]></script>
第三步：打開(kāi)主題側(cè)邊欄文件，一般為sidebar.php，把你想要跟隨浮動(dòng)的層添加id=float屬性，大家可以參考如下代碼：
<div id="float" class="float">
<h3>米粒在線推薦</h3>
廣告代碼
</div>
這樣即完成了。如果大家需要修改廣告層的顯示樣式，可自行修改層的CSS樣式。
4F
看了頭暈 我還是用插件簡(jiǎn)單些
B1
@ NameDomain @NameDomain : 其實(shí)插件多了不好，能折騰還是折騰寫進(jìn)取。
3F
這代碼先前在一模板上測(cè)試了可以用，但換了一模板后再添加就不行了。也不知道是啥原因。
B1
@ 米弟 @米弟 : 你仔細(xì)查看下，可能其他模板缺少某些元素。
2F
這個(gè)功能找了好久，就這個(gè)碰巧能用，還有點(diǎn)小問(wèn)題！
B1
@ 智享互聯(lián) @智享互聯(lián) : 有什么問(wèn)題呢？其實(shí)這個(gè)功能有時(shí)候也不好，開(kāi)始弄了一段時(shí)間，后來(lái)我又去掉弄這個(gè)了。因?yàn)槭謾C(jī)瀏覽直接遮蓋了內(nèi)容了。
1F
B1
@ 米粒在線 這是側(cè)邊廣告代碼。