也想出現在這里?聯系我們

實現wordpress側欄固定浮動效果又一方法,本站測試可用!

2013.08.07 wordpress教程
  • 文章介紹
  • 升級版本
  • 評價&建議

之前小編在wordpress主題下載站給大家介紹過一款可以實現實現wordpress側欄固定浮動效果的插件,詳細可以點擊:《給wordpress邊欄添加固定懸浮小工具的插件》,但是很多朋友反應插件使用過沒效果,那么今天介紹的方法,將是用代碼實現的!小白能夠聽懂的!

其實大多需要wordpress側欄固定浮動效果的朋友都是因為覺得wordpress博客網站的側邊欄通常都不是太長,而隨著頁面往下拉,導致右側顯得很空,及時首頁的側欄高度和網站高度能夠一樣高的時候,在文章頁面里,還是會顯得右側會空下來,因為不一樣的文章,高度也不一樣,這個時候十分需要一個wordpress側欄固定浮動效果的功能,好讓右側不那么空,也可以增加用戶的點擊欲望,對于有廣告的用戶,將廣告加入側欄固定浮動后,用戶點擊量會增加,從而增加收入!

那么我們現在詳細的解說下實現wordpress側欄固定浮動效果的具體方法:

教程2014/0101更新

運用到下面的代碼(當然是在邊欄sidebar.php文件內添加):

  1. <div id="float">      
  2. 你要懸浮的內容      
  3. </div>    
  4. <script type="text/javascript" src="http://www.***.com/a.js"></script>  

div內可以自由添加要懸浮的div內容,而下面運用的js文件的內容為:

  1. //?固定層
  2. function?buffer(a,b,c){var?d;return?function(){if(d)return;d=setTimeout(function(){a.call(this),d=undefined},b)}}(function(){function?e(){var?d=document.body.scrollTop||document.documentElement.scrollTop;d>b?(a.className="div1?div2",c&&(a.style.top=d-b+"px")):a.className="div1"}var?a=document.getElementById("float");if(a==undefined)return!1;var?b=0,c,d=a;while(d)b+=d.offsetTop,d=d.offsetParent;c=window.ActiveXObject&&!window.XMLHttpRequest;if(!c||!0)window.onscroll=buffer(e,150,this)})();

大家可以新建個a.js文件來調用,或者直接將上面的js代碼放到你們wordpress已調用的js內!最后,給style.css里添加樣式為:

  1. .div2{top:10px;z-index:999;position:fixed;_position:absolute}

教程到這,相信基本都會了吧。。。如果還不會的,荒淫進群交流,群號:153526824 更或者:聯系小編我收費解決問題。。。哈哈。。。

有用10
  • 2013.08.07初次和大家見面了!

已擁有7人對該主題的建議

  1. 演示地址 404

    2013-12-17 下午 12:07 [回復]
  2. 0樓
    chenmo:

    如果要將導航欄和邊欄一起固定呢?怎么做?

    2013-11-19 上午 11:11 [回復]
  3. 有沒有留言墻的代碼可以分享下呢??俺站就缺那了。

    2013-09-03 下午 3:24 [回復]
    • 網站小編:

      以后給出教程吧,最近有點小忙

      2013-09-03 下午 4:45 [回復]
  4. 2主題,這里的教程真不錯!!!

    2013-09-03 下午 3:23 [回復]
    • 網站小編:

      感謝支持!!!

      2013-09-03 下午 4:45 [回復]
  5. 0樓
    :

    支持下!!

    2013-08-08 上午 2:23 [回復]

發表評論

還能輸入240個字

Hi, 歡迎加入Wordpress技術交流群,帶你裝逼帶你飛!

我要入群
也想出現在這里?聯系我們
wordpress加速

我來推薦一個更牛逼的給你看看?

  • 猛戳我吧
夫妇野外交换HD高清版,免费A片在线观看,亚洲精品国产自在现线,中国老妇人60OLDMANTV