痞客邦部落格左側都會被官方強制安插一個浮動欄,以滿版的版型來說都會蓋到一部份的網頁內容影響閱讀。

cover.jpg

 

若要將它預設收起,可以透過增加CSS與jQuery代碼來實現

 

 STEP 1 

痞客邦後台→樣式管理

圖片 002.png

 

選擇→部落格 CSS 原始碼→在CSS最下方增加:

#pilot {display:none;}

圖片 003.png

完成後儲存

 

 STEP 2  

痞客邦後台→側欄管理

圖片 004.png

頁尾描述→點齒輪

圖片 005.png

內容輸入:

<script>setTimeout(function(){ jQuery("#pilot div").removeClass(".pixnet-happix-pilot__launcher-bar-desktop__wrapper action");jQuery("#pilot").css("display","block"); }, 500);</script>

圖片 006.png

完成後送出

 

 完成  

圖片 001.png

這樣進入網頁後,就會預設把這個側邊浮動欄收起

若不想要這個這個浮動欄想要直接隱藏,只要做  STEP 1  即可

arrow
arrow
    文章標籤
    jQuery 痞客邦 側邊浮動欄
    全站熱搜
    創作者介紹
    創作者 bshadow 的頭像
    bshadow

    發卡布洛

    bshadow 發表在 痞客邦 留言(1) 人氣()