一直以來都覺得博客裏有個漂浮的側邊欄是件很酷的事，但是一直以來都是很懶懶到稍微做點改動都不想。昨天晚上終於實在無聊開始下決心對博客作了小小的改動。改了字體的大小，增加了二級導航菜單，添加了版權信息，最後就是添加了側邊欄漂浮。沒有漂浮的側邊欄的博客不是完整的博客～今天我就來講解一下，包教包會～
插件法
Strx Magic Floating Sidebar Maker插件可以滿足你的要求還可以設置速度，最主要的是填寫下側邊欄的ID。怎麼看ID？用Chrome的F12或者火狐的開發人員工具就可以了，下面的側邊欄的div那裏的ID就是你要填的東西。
代碼法
<scripttype="text/javascript"> vardocumentHeight = 0; vartopPadding = 15; $(function() { varoffset = $("#sidebar").offset(); documentHeight = $(document).height(); $(window).scroll(function() { varsideBarHeight = $("#sidebar").height(); if ($(window).scrollTop() > offset.top) { varnewPosition = ($(window).scrollTop() - offset.top) + topPadding; varmaxPosition = documentHeight - (sideBarHeight + 368); if (newPosition > maxPosition) { newPosition = maxPosition; } $("#sidebar").stop().animate({ marginTop: newPosition }); } else { $("#sidebar").stop().animate({ marginTop: 0 }); }; }); }); </script>
把上面的代碼複製到頂部文件header.php的<body>之後，然後把其中的元素ID換成邊欄的ID就可以了，還是不會看ID？好吧我來上張圖：
看吧，在Chrome中按下F12，在元素搜索欄裏面輸入邊欄的名稱，ID出現啦。
還是不會？歡迎在下面留言，我會盡快回答的～說過了包教包會！