Emlog pro 用5.3.1默认模版添加悬浮侧边栏的笔记

第一步：找到需要悬浮文件的代码位置,如侧边栏新建组件 代码框里，添加如下代码：

<div id="float">

你要悬浮的内容代码

</div>          
<script type="text/javascript" src="网站js文件的具体地址/rainfly_a.js"></script>

第二步：在你对应模板的css文件里添加以下代码(也可以在末尾)：

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

第四步：测试完成

第五步："rainfly_a.js"文件内容：

// 固定层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)})();

或下载：

Emlog浮动栏js.zip

相關 博客程序