不少朋友喜歡在邊欄設(shè)定某個固定的小工具（Widget），但不會折騰代碼，怎么辦？倡萌建議試試 Q2W3 Fixed Widget 插件，還真的很方便哦！
Q2W3 Fixed Widget 簡介
Q2W3 Fixed Widget 顧名思義就是用來設(shè)定邊欄懸浮固定小工具的WordPress插件。該插件比較值得稱贊的一點是，啟用后，就會給每一個小工具添加了一個“Fixed widget”的選項，勾選后，該小工具就可以懸浮固定哦！
Q2W3 Fixed Widget 下載
直接在后臺插件安裝界面搜索 Q2W3 Fixed Widget 即可在線安裝，或者在此下載 Q2W3 Fixed Widget
倡萌建議：將需要固定的小工具放置在最后面。
聲明：本站所有文章，如無特殊說明或標注，均為本站原創(chuàng)發(fā)布。任何個人或組織，在未征得本站同意時，禁止復(fù)制、盜用、采集、發(fā)布本站內(nèi)容到任何網(wǎng)站、書籍等各類媒體平臺。如若本站內(nèi)容侵犯了原著者的合法權(quán)益，可聯(lián)系我們進行處理。
現(xiàn)在這博客的側(cè)邊欄怎麼實現(xiàn)側(cè)邊欄懸浮的阿，看了好多博客的主題都有這功能 ??
這個插件沒QQ空間那個效果一半好，用鼠標慢慢的滑動，就停在那一閃一閃，滑動快了直接沖上去，然后在下來，后臺設(shè)置那個靈敏度簡直了都，設(shè)為0，往下拉很遠，就失效了~無語~
倡萌，大致是這樣，內(nèi)容部分是float：left，小工具是float：right，當添加了網(wǎng)上那個懸浮代碼后，懸浮效果的確出來啦，但當滾動下去的時候，小工具就跳到左邊啦。
這是我那個主題的測試網(wǎng)站，http://www.1895.club （好像有些瀏覽器打不開這個網(wǎng)站，因為有些似乎還無法打開這種“.club”新后綴的域名）
倡萌，我也去試用這個插件了，好像沒用。
后來我在網(wǎng)上找了一段代碼，效果是出來了，但作者網(wǎng)站的小工具是在左邊的，我的是在右邊的，然后小工具隨頁面滾動到頂端時，它自動從右邊跳到左邊了。這個該如何修改？？？
jQuery(document).ready(function($){
$.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: "absolute",
top: top
});
}
});
};
return $(this).each(function() {
position($(this));
});
};
//綁定,將引號中的內(nèi)容替換成你想要下拉的模塊的ID或者CLASS名字,如"#ABC",".ABC"
$(".widget_bd_random_post_widget").smartFloat();
});
將js中所有的
position: "fixed",
top: 0
改為
position: "fixed",
top: 0,
right:0
試試
如果右邊的邊距達不到效果，自己調(diào)節(jié) right:0 中的 0 為其他數(shù)值
Good，謝謝倡萌，的確生效啦。
但隨著又有一個問題。就是，小工具在首頁懸浮的效果已經(jīng)出來啦，但點擊某篇文章或者某個頁面進去后，發(fā)現(xiàn)小工具又不懸浮了，比如這個頁面和這篇文章，和。這個該如何修改？？？問題多了點，請見諒。
漏了鏈接。
http://www.1895.club/?p=8 和 http://www.1895.club/?page_id=2
倡萌，我已經(jīng)解決了，就是在后加載那個JS文件。
還是得感謝你倡萌，沒有首頁的解決，后面也難有突破~！
? 從其他小工具后面穿過去了。。。