&人参与 | 时间：日 00:29
现在许多web2.0风格的网站都喜欢用“侧栏跟随”的效果，就是当一个页面很长的时候，设定侧栏内容会跟随滚动条，这种效果适用于评论较多、内容较长的网站。这种特效对提高网站浏览量、文章点击率、广告点击量都有一定效果。效果演示：具体实例，请参见网络文摘栏目随机文章，未来主博客不一定会用。代码如下：CSS部分： /*侧栏跟随*/#box{float: position:width:250}.div1{width:250}.div2{position:_position:top:0;z-index:250;} 注：每个网站的侧栏宽度不同，可根据你网页的宽度调整div1的宽度，我的是width:250，把这段代码添加到你的CSS文件中即可。JS部分： //侧栏跟随(function(){ & &var oDiv=document.getElementById(&float&); & &var H=0,iE6; & &var Y=oD & &while(Y){H+=Y.offsetTY=Y.offsetParent}; & &iE6=window.ActiveXObject&&!window.XMLHttpR & &if(!iE6){ & & & &window.onscroll=function() & & & &{ & & & & & &var s=document.body.scrollTop||document.documentElement.scrollT & & & & & &if(s&H){oDiv.className=&div1 div2&;if(iE6){oDiv.style.top=(s-H)+&px&;}} & & & & & &else{oDiv.className=&div1&;} & & & & & &}; & &}})();
注：这段代码可放入任意JS文件中，比如我放在了util.js 文件里，。 zblog《低调与华丽》模板的用户可直接下载该JS文件替换。下载地址：网页代码部分： &div id=&box&&&div id=&float& class=&div1&& 这里写你网站的代码与标签。&/div&&/div& 注：这里可以放文章列表、联盟广告，总之是个提高点击率的好方法。Z-blog用户把此段代码添加到single.html的侧栏位置即可。特别提示：此代码试用与任何CMS系统，但该特效在IE6下无法实现，其余浏览器均没问题，同时侧栏其余部分应使用静态文件调用，使用JS调用栏目会出现代码重叠现象，调用联盟广告没问题。相关阅读：顶: 3踩: 0 来源：，欢迎分享，（QQ/微信：） 原文地址：
相关文章阅读更多：&&&&
(window.slotbydup=window.slotbydup || []).push({
id: '2398785',
container: s,
size: '760,90',
display: 'inlay-fix'
名 称 必填
邮 箱 选填
网 址 选填
◎已有人评论，微信搜：QQ
1楼&& 10:51:38 永远支持松哥顶: <ins data-digg="踩: <ins data-digg="
2楼&& 12:32:47 有没有类似的插件推荐一下，松哥。顶: <ins data-digg="踩: <ins data-digg="
3楼&& 14:04:11 试了半天，广告同样也是重叠，不知怎么整的~顶: <ins data-digg="踩: <ins data-digg="
4楼&& 18:14:10 自己试了一下，不行，看了评论，原来js代码要放在那个html代码之后，试了可以了，可又出现重叠现象。顶: <ins data-digg="踩: <ins data-digg="
5楼&& 20:25:22 这个float不是很好用，需要建好几个层才能把握好。顶: <ins data-digg="踩: <ins data-digg="
6楼&& 22:01:33 难怪我看松松的侧栏，总是在我的眼前啊，原来如此啊，不过真的效果不错。顶: <ins data-digg="踩: <ins data-digg="
7楼&& 11:44:24 你好，谢谢你的分享。 我终于找到方法了。 原来是JS调用在放在那段代码之后才生效。顶: <ins data-digg="踩: <ins data-digg="
8楼&& 00:58:38 刚刚测试了，要把js代码放在&/body&前面才可以，否则不生效。顶: <ins data-digg="踩: <ins data-digg="
8楼&& 11:44:24 你好，谢谢你的分享。 我终于找到方法了。 原来是JS调用在放在那段代码之后才生效。顶: <ins data-digg="踩: <ins data-digg="
9楼&& 11:20:37 我试了，怎么没有作用呀顶: <ins data-digg="踩: <ins data-digg="
9楼&& 00:58:38 刚刚测试了，要把js代码放在&/body&前面才可以，否则不生效。顶: <ins data-digg="踩: <ins data-digg="
9楼&& 11:44:24 你好，谢谢你的分享。 我终于找到方法了。 原来是JS调用在放在那段代码之后才生效。顶: <ins data-digg="踩: <ins data-digg="
10楼&& 23:07:44 这个侧栏滚动代码很好。怎么才能让首页也滚动呀。只是内容页才能滚动顶: <ins data-digg="踩: <ins data-digg="
11楼&& 14:13:32 刷新以后有错位，不刷新网页就没问题。顶: <ins data-digg="踩: <ins data-digg="
12楼&& 11:51:16 很多写博客的都只求有文章更新，只求自己实现了功能，从来不会关心别人是否能够成功，包括‘名博’，关心博客圈这么久，发现真正有责任心的博主很少，我能说这个修改方式和代码都和*光博客很早之前写的的如出一辙吗？顶: <ins data-digg="踩: <ins data-digg="
13楼&& 20:53:49 感谢你提供解决方法，刚还以为我修改技术不过关，只是这么一大漏洞文章作者为什么不警示呢，哎！坑了多少人~顶: <ins data-digg="踩: <ins data-digg="
13楼&& 11:51:16 很多写博客的都只求有文章更新，只求自己实现了功能，从来不会关心别人是否能够成功，包括‘名博’，关心博客圈这么久，发现真正有责任心的博主很少，我能说这个修改方式和代码都和*光博客很早之前写的的如出一辙吗？顶: <ins data-digg="踩: <ins data-digg="
14楼&& 15:23:04 刷新以后有错位，不刷新网页就没问题。顶: <ins data-digg="踩: <ins data-digg="
15楼&& 23:09:27 我测试了，但是怎么是固定在底部，侧栏没有跟随滚动？不知道哪里出错了，希望得到指教。谢谢！顶: <ins data-digg="踩: <ins data-digg="
16楼&& 20:28:58 太好了，按照你说的，解决了！顶: <ins data-digg="踩: <ins data-digg="
17楼&& 12:56:01 左侧栏压住footer底部了。。。顶: <ins data-digg="踩: <ins data-digg="
18楼&& 15:06:51 我也觉得奇怪，我在wordpress上是可以实现的，换到ZBLOG上不能实现 最后看见松哥底部调用了那个JS文件 而我没有调用 这才导致没有实现 顶: <ins data-digg="踩: <ins data-digg="
19楼&& 14:08:27 但有个问题要如何解决下：当底部内容过高时，继续往下来会挡下边的内容，能否在快到底部时就自动取消跟随，如网易科技频道新版效果一样！顶: <ins data-digg="踩: <ins data-digg="
20楼&& 07:31:44 请问下你侧栏固定三个模块是怎么固定的是把这三个放在一个模块里吗,怎么放的呢,&div id=&box&& &div id=&float& class=&div1&& &div id=&dingyue&&&/div&&div id=&wenzhang&&&/div&我看你的源文件这里有两个,这个&dingyue&是模块的文件名还是HTML_ID顶: <ins data-digg="踩: <ins data-digg="
21楼&& 07:30:38 请问下你侧栏固定三个模块是怎么固定的是把这三个放在一个模块里吗,怎么放,&div id=&box&& &div id=&float& class=&div1&& &div id=&dingyue&&&/div&&div id=&wenzhang&&&/div&我看你的源文件这里有两个,这个&dingyue&是模块的文件名还是HTML_ID顶: <ins data-digg="踩: <ins data-digg="
22楼&& 15:31:40 帝国CMS可以实现吗顶: <ins data-digg="踩: <ins data-digg="
23楼&& 10:08:20 学习了，。。顶: <ins data-digg="踩: <ins data-digg="
24楼&& 21:38:09 这个千万要注意！！！！！！！！！！！“这个JS部分可以放在你的HTML代码里面，或者放在你的js文件中，但是请注意，这个JS加载一定要在你的HTML代码部分的后面出现，否则不生效。”顶: <ins data-digg="踩: <ins data-digg="
24楼&& 20:28:58 太好了，按照你说的，解决了！顶: <ins data-digg="踩: <ins data-digg="
25楼&& 21:24:33 先存着了。有空在研究吧 ^_^顶: <ins data-digg="踩: <ins data-digg="
26楼&& 11:55:40 侧栏其余部分必须是静态顶: <ins data-digg="踩: <ins data-digg="
27楼&& 17:51:54 松哥，为什么我的就与侧栏上面的内容重叠了呢...顶: <ins data-digg="踩: <ins data-digg="
27楼&& 11:55:40 侧栏其余部分必须是静态顶: <ins data-digg="踩: <ins data-digg="
28楼&& 17:07:27 不行呀松哥，按这种办法，要固定的内容会直接从页面底部跳到顶部，然后与上面的内容重叠。 修改哪个参数能解决呢？顶: <ins data-digg="踩: <ins data-digg="
29楼&& 16:27:55 别用JS调啊，你看松哥侧栏有关博客标签部分的都已经完全静态化了，博客标签部分加上_HTML就可以了。静态化除了最新的一些东西比如留言、文章需要rebuild才生效，对se都比较好顶: <ins data-digg="踩: <ins data-digg="
30楼&& 16:09:36 z-blog侧栏是JS调用的，侧栏出现重叠，请问你是怎么实现的。顶: <ins data-digg="踩: <ins data-digg="
30楼&& 16:27:55 别用JS调啊，你看松哥侧栏有关博客标签部分的都已经完全静态化了，博客标签部分加上_HTML就可以了。静态化除了最新的一些东西比如留言、文章需要rebuild才生效，对se都比较好顶: <ins data-digg="踩: <ins data-digg="
31楼&& 15:27:42 z-blog侧栏不是调用的静态文件，相关文章中说的方法只能一部分静态化。使用后，侧栏样式都变了。有没有其他方法。顶: <ins data-digg="踩: <ins data-digg="
32楼&& 17:32:06 实现不了的同志主意了js那块一定要在代码那块的后面加载，否则是出不来效果的，如果提前了，var oDiv=document.getElementById(&float&);这句话是获取不到值的，因为web是顺序加载的！顶: <ins data-digg="踩: <ins data-digg="
32楼&& 20:53:49 感谢你提供解决方法，刚还以为我修改技术不过关，只是这么一大漏洞文章作者为什么不警示呢，哎！坑了多少人~顶: <ins data-digg="踩: <ins data-digg="
32楼&& 11:51:16 很多写博客的都只求有文章更新，只求自己实现了功能，从来不会关心别人是否能够成功，包括‘名博’，关心博客圈这么久，发现真正有责任心的博主很少，我能说这个修改方式和代码都和*光博客很早之前写的的如出一辙吗？顶: <ins data-digg="踩: <ins data-digg="
32楼&& 21:38:09 这个千万要注意！！！！！！！！！！！“这个JS部分可以放在你的HTML代码里面，或者放在你的js文件中，但是请注意，这个JS加载一定要在你的HTML代码部分的后面出现，否则不生效。”顶: <ins data-digg="踩: <ins data-digg="
32楼&& 20:28:58 太好了，按照你说的，解决了！顶: <ins data-digg="踩: <ins data-digg="
32楼&& 16:09:36 z-blog侧栏是JS调用的，侧栏出现重叠，请问你是怎么实现的。顶: <ins data-digg="踩: <ins data-digg="
32楼&& 16:27:55 别用JS调啊，你看松哥侧栏有关博客标签部分的都已经完全静态化了，博客标签部分加上_HTML就可以了。静态化除了最新的一些东西比如留言、文章需要rebuild才生效，对se都比较好顶: <ins data-digg="踩: <ins data-digg="
33楼&& 01:38:36 还是有个不完善的地方。浏览器窗口不是最大化，缩小页面宽度使出现水平滚动条。会发现固定的侧边栏只显示一部分，滚动水平滚动条侧边栏缩在右边。。。顶: <ins data-digg="踩: <ins data-digg="
34楼&& 17:17:04 没有测试成功！！求帮助！顶: <ins data-digg="踩: <ins data-digg="
35楼&& 19:55:35 确实有这样的问题！很伤啊顶: <ins data-digg="踩: <ins data-digg="
36楼&& 11:55:54 你按照步骤一步步来即可，另外文中已经注明了， IE6下不起作用！顶: <ins data-digg="踩: <ins data-digg="
37楼&& 11:56:44 增加CSS 增加一段JS 在模板中加入第三段代码，这些都要做的！顶: <ins data-digg="踩: <ins data-digg="
38楼&& 11:58:29 这三段代码已经很具体了，顶: <ins data-digg="踩: <ins data-digg="
39楼&& 11:55:30 文中已经注明了， IE6下不起作用！顶: <ins data-digg="踩: <ins data-digg="
40楼&& 11:58:01 和wp没有关系 都是普通的HTML代码顶: <ins data-digg="踩: <ins data-digg="
41楼&& 16:24:54 应改为&div id=&float& class=&div1 div2&&，松哥不知道俺们白菜们对代码很不敏感的哦顶: <ins data-digg="踩: <ins data-digg="
42楼&& 23:18:06 详细点才好顶: <ins data-digg="踩: <ins data-digg="
43楼&& 22:35:20 我都测试过了，除了IE6下 其他均有效顶: <ins data-digg="踩: <ins data-digg="
44楼&& 12:17:56 呵呵，我用的也是wordpress顶: <ins data-digg="踩: <ins data-digg="
45楼&& 19:21:57 文章最后都说了特别提示：此代码试用与任何CMS系统顶: <ins data-digg="踩: <ins data-digg="
46楼&& 19:21:06 是的顶: <ins data-digg="踩: <ins data-digg="
47楼&& 22:52:22 放任意的cms标签即可顶: <ins data-digg="踩: <ins data-digg="
48楼&& 23:14:58 非常感谢提醒 刚要放到GG代码这个是用！顶: <ins data-digg="踩: <ins data-digg="
49楼&& 22:12:40 这条评论很有用，希望大家看看！顶: <ins data-digg="踩: <ins data-digg="
50楼&& 16:49:15 我太激动了，来松哥这里这么多次，第一次被回复，哈哈晚上写篇文章记录一下，松哥加油阿顶: <ins data-digg="踩: <ins data-digg="
51楼&& 16:46:38 和程序无关顶: <ins data-digg="踩: <ins data-digg="
52楼&& 10:24:14 此代码试用与任何CMS系统顶: <ins data-digg="踩: <ins data-digg="
53楼&& 22:13:38 可以 和程序无关，有静态页就成！顶: <ins data-digg="踩: <ins data-digg="
54楼&& 10:01:23 wordpress应该可以吧，看到很多人用上了。顶: <ins data-digg="踩: <ins data-digg="
55楼&& 16:36:01 我这出现一个问题：就是如何控制到底部的高度。由于左右分栏不是通版，出现侧栏随动与底部其他内容重叠的现象，不知道修改那些数据。请松哥和朋友们帮忙！顶: <ins data-digg="踩: <ins data-digg="
56楼&& 18:41:23 我也来学习学习，此站很丰富，不懂代码怎么用。顶: <ins data-digg="踩: <ins data-digg="
57楼&& 19:57:55 唉，实现不了啊 加了没有效果 求正确方法顶: <ins data-digg="踩: <ins data-digg="
58楼&& 19:27:59 dz门户好像不行,严格按照三个步骤来的!顶: <ins data-digg="踩: <ins data-digg="
59楼&& 23:06:00 好奇怪，在一个网站测试成功了，搬到另外一个网站，没有效果，非常奇怪的事情！[REVERT=卢松松 于
21:37:44 回复]那估计是路径不对[/REVERT]顶: <ins data-digg="踩: <ins data-digg="
60楼&& 19:08:58 完全没有任何效果，还是不会跟着下滑，如果按180楼walfred这样写的话&div id=&float& class=&div1 div2&&完全固定在上面了，覆盖其它侧栏的了···松哥出招吧，这么多人说不行一定还是有什么问题有空看看吧，顶: <ins data-digg="踩: <ins data-digg="
61楼&& 11:23:11 完全没有任何效果，搜狗浏览器，ie8，360浏览器，全部试过了，装上去，还是不会跟着下滑，如果这样写的话&div id=&float& class=&div1 div2&&完全固定在上面了，覆盖其它侧栏的了···顶: <ins data-digg="踩: <ins data-digg="
62楼&& 19:24:05 IE6下面不支持fixed.不然就完美了~顶: <ins data-digg="踩: <ins data-digg="
63楼&& 22:08:32 按你给的方法试了，没有效果啊 顶: <ins data-digg="踩: <ins data-digg="
64楼&& 20:47:40 导航如何跟随呢？顶: <ins data-digg="踩: <ins data-digg="
65楼&& 14:44:48 IE6无法实现顶: <ins data-digg="踩: <ins data-digg="
66楼&& 21:22:34 这样改有效果吗？是不是只要在css上改就OK了顶: <ins data-digg="踩: <ins data-digg="
67楼&& 16:13:06 总是测试不成功，能说详细点吗？顶: <ins data-digg="踩: <ins data-digg="
67楼&& 11:55:54 你按照步骤一步步来即可，另外文中已经注明了， IE6下不起作用！顶: <ins data-digg="踩: <ins data-digg="
68楼&& 21:15:32 是三步都要加上呢，还是最后2步就行了。我测试了，怎么不行呢顶: <ins data-digg="踩: <ins data-digg="
68楼&& 11:56:44 增加CSS 增加一段JS 在模板中加入第三段代码，这些都要做的！顶: <ins data-digg="踩: <ins data-digg="
69楼&& 21:12:59 还是不会，插入cms代码那里。第三步顶: <ins data-digg="踩: <ins data-digg="
70楼&& 05:23:28 估计很多WPers折腾了这个代码。。一堆人问了。可惜博主没给出具体代码。顶: <ins data-digg="踩: <ins data-digg="
70楼&& 11:58:29 这三段代码已经很具体了，顶: <ins data-digg="踩: <ins data-digg="
71楼&& 09:29:47 代码似乎有点问题，因为在if(!IE6)中，if(IE6)是不可能执行的。(function(){ var oDiv=document.getElementById(&float&); var H=0,iE6; var Y=oD while(Y){H+=Y.offsetTY=Y.offsetParent}; iE6=window.ActiveXObject&&!window.XMLHttpR window.onscroll=function(){ var s=document.body.scrollTop||document.documentElement.scrollT if(s&H){ if(!iE6){ oDiv.className=&div1 div2&; }else if(iE6){ oDiv.style.top=(s-H)+&px&; } }else{ oDiv.className=&div1&; } };})();顶: <ins data-digg="踩: <ins data-digg="
71楼&& 11:55:30 文中已经注明了， IE6下不起作用！顶: <ins data-digg="踩: <ins data-digg="
72楼&& 09:07:43 经测试，IE6下的确是没有效果。顶: <ins data-digg="踩: <ins data-digg="
73楼&& 17:59:30 为什么我用了之后 是错误的 JS报 oDiv为空或不是对象。顶: <ins data-digg="踩: <ins data-digg="
74楼&& 17:19:47 卢老师，能不能告诉我WP要怎么操作才能实现你这样的效果？顶: <ins data-digg="踩: <ins data-digg="
74楼&& 11:58:01 和wp没有关系 都是普通的HTML代码顶: <ins data-digg="踩: <ins data-digg="
75楼&& 10:56:20 不错，收藏了。顶: <ins data-digg="踩: <ins data-digg="
76楼&& 23:57:57 怎么添加上出现重叠现象啊！~~顶: <ins data-digg="踩: <ins data-digg="
77楼&& 22:33:39 请问松哥，按照你的方法设置，出现重叠怎么办啊？？顶: <ins data-digg="踩: <ins data-digg="
78楼&& 16:23:29 坑爹吗，松哥，代码有误啊，你的代码中带有&div id=&float& class=&div1&& 咋没有了div2了呢，CSS又来个div2，辛亏看你的源码才弄起来了！！！顶: <ins data-digg="踩: <ins data-digg="
78楼&& 16:24:54 应改为&div id=&float& class=&div1 div2&&，松哥不知道俺们白菜们对代码很不敏感的哦顶: <ins data-digg="踩: <ins data-digg="
79楼&& 10:27:19 这个功能让整个页面看起来清爽多了。顶: <ins data-digg="踩: <ins data-digg="
80楼&& 12:27:18 看起来很有用的东东，说不定以后会用到的顶: <ins data-digg="踩: <ins data-digg="
81楼&& 18:55:05 试了好多次，还是不行啊。重整了一下也不行。齐了个怪了！顶: <ins data-digg="踩: <ins data-digg="
82楼&& 22:03:00 这个功能很好，我的用的是Z版Zblog的Qeeke模版，不知道行不行。顶: <ins data-digg="踩: <ins data-digg="
83楼&& 22:55:25 太笼统，还是不会哎顶: <ins data-digg="踩: <ins data-digg="
83楼&& 23:18:06 详细点才好顶: <ins data-digg="踩: <ins data-digg="
84楼&& 22:01:56 老师这效果在ie下面没效果，ie678，不知道是不是我电脑的问题，你的博客也只能是在火狐谷歌下面才有效果顶: <ins data-digg="踩: <ins data-digg="
84楼&& 22:35:20 我都测试过了，除了IE6下 其他均有效顶: <ins data-digg="踩: <ins data-digg="
85楼&& 21:02:26 好东西 适合内容页很长的我顶: <ins data-digg="踩: <ins data-digg="
86楼&& 22:08:47 我决定拿走了，在不是很影响速度的前提先试试，加分的功能顶: <ins data-digg="踩: <ins data-digg="
87楼&& 10:59:31 个人还是喜欢简单点好顶: <ins data-digg="踩: <ins data-digg="
88楼&& 16:40:47 这些是好东东呀 正在找这个顶: <ins data-digg="踩: <ins data-digg="
89楼&& 13:16:31 不知道wordpress有没有这样的设置？顶: <ins data-digg="踩: <ins data-digg="
89楼&& 12:17:56 呵呵，我用的也是wordpress顶: <ins data-digg="踩: <ins data-digg="
90楼&& 10:02:53 这个是侧栏跟随滚动位广告的应用版 顶: <ins data-digg="踩: <ins data-digg="
91楼&& 12:01:57 用户的体验和增加展示机会 很不错顶: <ins data-digg="踩: <ins data-digg="
92楼&& 07:30:01 楼主分析的的确是好东西，很受用顶: <ins data-digg="踩: <ins data-digg="
93楼&& 15:05:32 侧栏跟随滚动条的效果不错。顶: <ins data-digg="踩: <ins data-digg="
94楼&& 14:12:24 我在网站上用貌似没有效果，不知道哪个地方设置的不准确！顶: <ins data-digg="踩: <ins data-digg="
95楼&& 18:44:53 博主不仅文章写的好，代码也是精通啊。顶: <ins data-digg="踩: <ins data-digg="
96楼&& 13:59:38 用户体验挺好的~顶: <ins data-digg="踩: <ins data-digg="
97楼&& 14:01:08 有时间去试试去。顶: <ins data-digg="踩: <ins data-digg="
98楼&& 12:52:50 很棒的代码，谢谢分享顶: <ins data-digg="踩: <ins data-digg="
99楼&& 21:43:30 这个我很喜欢，今天就尝试一下。顶: <ins data-digg="踩: <ins data-digg="
100楼&& 20:31:27 有需求的人，看了还是蛮高兴,真是好，分享下顶: <ins data-digg="踩: <ins data-digg="
101楼&& 18:05:15 还得调调我的样式。顶: <ins data-digg="踩: <ins data-digg="
102楼&& 16:50:45 我也搞了个，好像比你的复杂，有空研究下准备换个简单点的代码顶: <ins data-digg="踩: <ins data-digg="
103楼&& 15:23:05 很新颖的观点顶: <ins data-digg="踩: <ins data-digg="
104楼&& 23:26:07 对代码认识还不够啊！还得多学些这些代码才能知道如果自由的添加到网站中去。顶: <ins data-digg="踩: <ins data-digg="
105楼&& 17:32:37 这个效果挺不错的，学习了，呵呵顶: <ins data-digg="踩: <ins data-digg="
106楼&& 16:57:28 哎，采用emlog的博客，测试失败。搞了半天都弄不好。顶: <ins data-digg="踩: <ins data-digg="
107楼&& 16:02:18 又是一个实用的代码，果断收藏了、、顶: <ins data-digg="踩: <ins data-digg="
108楼&& 13:31:03 改天我也试试顶: <ins data-digg="踩: <ins data-digg="
109楼&& 13:04:59 有时候感觉侧边栏的左右不是很大顶: <ins data-digg="踩: <ins data-digg="
110楼&& 12:16:27 学习了，继续崇拜松哥顶: <ins data-digg="踩: <ins data-digg="
111楼&& 12:05:14 真的是好东西，感谢松哥分享顶: <ins data-digg="踩: <ins data-digg="
112楼&& 11:45:42 这个很好，我的博客也这样弄过，都已经弄了很久，但是和你的完全不一样了顶: <ins data-digg="踩: <ins data-digg="
113楼&& 01:58:55 这段代码明显不兼容IE6。。。IE6下fixed是固定不行滴。。顶: <ins data-digg="踩: <ins data-digg="
114楼&& 21:09:18 月光很久之前就已经用了。呵呵顶: <ins data-digg="踩: <ins data-digg="
115楼&& 19:31:00 很有用的文章，这应是搞好用户体验的一个方面顶: <ins data-digg="踩: <ins data-digg="
116楼&& 19:12:35 又来啦，老卢还不更新！！！顶: <ins data-digg="踩: <ins data-digg="
117楼&& 19:04:49 我只看到 rss订阅一下的内容顶: <ins data-digg="踩: <ins data-digg="
118楼&& 18:43:45 特效对网站的访问也是有影响的，js越多，越麻烦！顶: <ins data-digg="踩: <ins data-digg="
119楼&& 18:05:21 松哥，我用的wp,有办法实现吗？你还没回答我呢顶: <ins data-digg="踩: <ins data-digg="
119楼&& 19:21:57 文章最后都说了特别提示：此代码试用与任何CMS系统顶: <ins data-digg="踩: <ins data-digg="
120楼&& 17:55:45 卢松松永远都是这么强呀，俺永远都是看不懂代码呀，嘻嘻！顶: <ins data-digg="踩: <ins data-digg="
121楼&& 17:41:49 一栏表示无法实现侧栏跟随顶: <ins data-digg="踩: <ins data-digg="
122楼&& 17:35:52 效果是你这个博客的“回顶部”和“写评论”吗顶: <ins data-digg="踩: <ins data-digg="
122楼&& 19:21:06 是的顶: <ins data-digg="踩: <ins data-digg="
123楼&& 17:00:47 还是没太看明白，怎么实现浏览量增加的效果的呢？用了这个特效后，网站的用户体验是不是感觉有点乱啊？顶: <ins data-digg="踩: <ins data-digg="
124楼&& 15:50:49 真是好东西啊，感谢分享啊！顶: <ins data-digg="踩: <ins data-digg="
125楼&& 15:31:33 这样会不会用户体验不太好顶: <ins data-digg="踩: <ins data-digg="
126楼&& 15:28:02 这个功能对于企业站来说不好整哦顶: <ins data-digg="踩: <ins data-digg="
127楼&& 15:24:56 似乎是一直是可以支持的顶: <ins data-digg="踩: <ins data-digg="
128楼&& 15:13:05 的确是很有必要啊。昨天添加的时候失败了。今天下班再试试。顶: <ins data-digg="踩: <ins data-digg="
129楼&& 14:55:15 看看 这个东西具体怎么用啊顶: <ins data-digg="踩: <ins data-digg="
130楼&& 14:46:29 很有价值 值得收藏顶: <ins data-digg="踩: <ins data-digg="
131楼&& 14:41:25 非常好，很多文章对我的帮助都很大！顶: <ins data-digg="踩: <ins data-digg="
132楼&& 13:40:01 可以试验下 看看效果顶: <ins data-digg="踩: <ins data-digg="
133楼&& 13:22:22 呵呵把你的边栏订阅偷走了，不过感觉两个订阅标签跟月光的一样哈！顶: <ins data-digg="踩: <ins data-digg="
134楼&& 13:05:31 发现这么久了，有些东西我还是改不了顶: <ins data-digg="踩: <ins data-digg="
135楼&& 12:52:36 灰常不错的插件顶: <ins data-digg="踩: <ins data-digg="
136楼&& 12:38:51 在用能，侧边栏广告顶: <ins data-digg="踩: <ins data-digg="
137楼&& 12:21:51 其他网站程序不适用啊。。。顶: <ins data-digg="踩: <ins data-digg="
138楼&& 12:17:25 谢谢,我的寻乐网站看了这个之后也注意了这个问题.顶: <ins data-digg="踩: <ins data-digg="
139楼&& 11:26:49 真勤快啊，又更新了。顶: <ins data-digg="踩: <ins data-digg="
140楼&& 11:22:11 试了下 没弄得起来 纠结顶: <ins data-digg="踩: <ins data-digg="
141楼&& 10:56:20 代码牛人。。咱还是不扯腾了 。顶: <ins data-digg="踩: <ins data-digg="
142楼&& 10:25:38 很不错的代码,先拿来应用了,谢谢分享顶: <ins data-digg="踩: <ins data-digg="
143楼&& 10:13:10 新写了一篇《权重对关键词排名的影响一次测试》，看看效果！顶: <ins data-digg="踩: <ins data-digg="
144楼&& 09:58:09 确实不错的好东西，去试试顶: <ins data-digg="踩: <ins data-digg="
145楼&& 09:53:11 这个对于内容长的来说，确实是很有用的顶: <ins data-digg="踩: <ins data-digg="
146楼&& 09:42:35 个人感觉很难用上！顶: <ins data-digg="踩: <ins data-digg="
147楼&& 09:26:20 现在用IE6的人多吗？顶: <ins data-digg="踩: <ins data-digg="
148楼&& 08:32:41 为啥来松松博客留言的同学那么多呢我为啥天天来呢顶: <ins data-digg="踩: <ins data-digg="
149楼&& 07:44:23 这个方法挺好的，我也去试试啦顶: <ins data-digg="踩: <ins data-digg="
150楼&& 00:11:48 这样才有更好的用户体验顶: <ins data-digg="踩: <ins data-digg="
151楼&& 00:07:06 松哥，终于又有新文章了，太好了，支持松哥，文章很好哦，顶: <ins data-digg="踩: <ins data-digg="
152楼&& 23:36:37 O(∩_∩)O~，学习学习，js很重要顶: <ins data-digg="踩: <ins data-digg="
153楼&& 23:18:50 太火了。这么一个就到100楼了顶: <ins data-digg="踩: <ins data-digg="
154楼&& 23:11:22 此代码绝对好用，收藏了顶: <ins data-digg="踩: <ins data-digg="
155楼&& 22:55:48 呀 好棒啊 松哥找了好久你这个特效顶: <ins data-digg="踩: <ins data-digg="
156楼&& 22:46:58 一般的博客风格都会带边栏顶: <ins data-digg="踩: <ins data-digg="
157楼&& 22:36:35 &div id=&box&&&div id=&float& class=&div1&& 这里写你网站的代码与标签。&/div&&/div&这里写你网站的代码与标签。 怎么写呢？我笨，，，顶: <ins data-digg="踩: <ins data-digg="
157楼&& 22:52:22 放任意的cms标签即可顶: <ins data-digg="踩: <ins data-digg="
158楼&& 22:33:29 以前很少用的 没时间去阅读这样的文章~顶: <ins data-digg="踩: <ins data-digg="
159楼&& 22:32:19 这个值得折腾，拿走了。不介意转一遍吧……顶: <ins data-digg="踩: <ins data-digg="
160楼&& 21:41:47 效果不错 谢谢松哥 顶: <ins data-digg="踩: <ins data-digg="
161楼&& 21:38:16 主要还得内容相似。。推荐的有效啊。。顶: <ins data-digg="踩: <ins data-digg="
162楼&& 20:57:20 今天一来就发现了这个功能！非常之不错！明天改来试试！顶: <ins data-digg="踩: <ins data-digg="
163楼&& 20:48:51 感觉松哥这几次的文章都跟社会化分享！！的功能有关系啊啊！！！！顶: <ins data-digg="踩: <ins data-digg="
164楼&& 20:21:24 总是有惊喜啊。~~~顶: <ins data-digg="踩: <ins data-digg="
165楼&& 19:42:52 松松的这个效果以前就有注意到，确实很好，提高PV的同时，还有利于网站界面的美观，不然拖动到下方后，边栏内容空着很难看顶: <ins data-digg="踩: <ins data-digg="
166楼&& 19:36:49 看到很多博客都有类似样式顶: <ins data-digg="踩: <ins data-digg="
167楼&& 19:00:39 这效果确认很好用，但不要放Google的广告，违反Adsense政策，之前我被Google警告过。顶: <ins data-digg="踩: <ins data-digg="
167楼&& 23:14:58 非常感谢提醒 刚要放到GG代码这个是用！顶: <ins data-digg="踩: <ins data-digg="
167楼&& 22:12:40 这条评论很有用，希望大家看看！顶: <ins data-digg="踩: <ins data-digg="
168楼&& 18:24:56 谢谢宋哥分享，好东西。顶: <ins data-digg="踩: <ins data-digg="
169楼&& 18:23:22 方法还不错，效果一般般顶: <ins data-digg="踩: <ins data-digg="
170楼&& 17:54:28 松哥现在正在玩美味书签，哈哈顶: <ins data-digg="踩: <ins data-digg="
171楼&& 17:52:00 不错的代码顶: <ins data-digg="踩: <ins data-digg="
172楼&& 17:42:02 这个似乎一直都可以的顶: <ins data-digg="踩: <ins data-digg="
173楼&& 17:13:19 WordPress试了半天没弄成功顶: <ins data-digg="踩: <ins data-digg="
174楼&& 17:05:52 松哥V5 。。。。果断用上！！！顶: <ins data-digg="踩: <ins data-digg="
175楼&& 17:00:31 我忽然发现我博客侧边栏内容太短了= =顶: <ins data-digg="踩: <ins data-digg="
176楼&& 16:56:39 这样子啊，回去改进一下顶: <ins data-digg="踩: <ins data-digg="
177楼&& 16:55:23 肚子饿了，头晕。来松哥这吃点东西顶: <ins data-digg="踩: <ins data-digg="
178楼&& 16:54:17 目前还不想考虑用这，啥东西我喜欢等别人用了之后如果多数说好，我再用。顶: <ins data-digg="踩: <ins data-digg="
179楼&& 16:54:07 很不错，谢谢博主的分享顶: <ins data-digg="踩: <ins data-digg="
180楼&& 16:47:01 感谢分享顶: <ins data-digg="踩: <ins data-digg="
181楼&& 15:59:17 通俗易懂，文章分享的好实用，辛苦了，卢老师顶: <ins data-digg="踩: <ins data-digg="
182楼&& 15:55:06 这个一般网站都有顶: <ins data-digg="踩: <ins data-digg="
183楼&& 15:50:07 每次来到这个，总是有意外的惊喜顶: <ins data-digg="踩: <ins data-digg="
184楼&& 15:49:55 在织梦上面捣鼓了半天还是没成功顶: <ins data-digg="踩: <ins data-digg="
185楼&& 15:49:38 确实是利器，看松松你用了。顶: <ins data-digg="踩: <ins data-digg="
186楼&& 15:46:01 这个好！！！顶: <ins data-digg="踩: <ins data-digg="
187楼&& 15:45:03 自从看到你和月光博客后就在找这种特效，好久了就是没找到顶: <ins data-digg="踩: <ins data-digg="
188楼&& 15:28:45 通篇阅读您的文章，获得收益匪浅，以后会常来的！顶: <ins data-digg="踩: <ins data-digg="
189楼&& 15:23:33 好象很牛的代码，适合于任何CMS系统，这个我得试试看了，松哥不要骗人哦。顶: <ins data-digg="踩: <ins data-digg="
190楼&& 14:54:21 谢谢分享代码顶: <ins data-digg="踩: <ins data-digg="
191楼&& 14:53:30 谢谢分享顶: <ins data-digg="踩: <ins data-digg="
192楼&& 14:42:13 这个还是刚刚了解一点，看来做这个行业哪个方面都不能少啊。顶: <ins data-digg="踩: <ins data-digg="
193楼&& 14:41:03 写得不错，提升页面访问量是相当重要的顶: <ins data-digg="踩: <ins data-digg="
194楼&& 14:30:22 看来细节决定成败呀，一直没注意这个顶: <ins data-digg="踩: <ins data-digg="
195楼&& 14:17:02 嗯，这个感觉很不错啊，有时间研究一下顶: <ins data-digg="踩: <ins data-digg="
196楼&& 13:56:28 松哥连代码都这么精通，情何以堪。顶: <ins data-digg="踩: <ins data-digg="
197楼&& 13:56:26 话说，wp怎么搞？松哥来个教程把？顶: <ins data-digg="踩: <ins data-digg="
197楼&& 16:49:15 我太激动了，来松哥这里这么多次，第一次被回复，哈哈晚上写篇文章记录一下，松哥加油阿顶: <ins data-digg="踩: <ins data-digg="
197楼&& 16:46:38 和程序无关顶: <ins data-digg="踩: <ins data-digg="
198楼&& 13:55:41 这个真不错，看到很多人在用博主的模板顶: <ins data-digg="踩: <ins data-digg="
199楼&& 13:14:33
这个确实非常关注到用户了，之前看到过一个站点是这样的，但不知道什么弄的，赶紧也给自己弄个咯顶: <ins data-digg="踩: <ins data-digg="
200楼&& 12:43:21 恩，这种效果在很多博客都能见到了。顶: <ins data-digg="踩: <ins data-digg="
201楼&& 12:41:17 松哥，我用的wp,有办法实现吗？顶: <ins data-digg="踩: <ins data-digg="
202楼&& 12:24:58 这样很人性化，方便读者阅读。顶: <ins data-digg="踩: <ins data-digg="
203楼&& 12:14:06 昨天还在研究博主是怎么实现的呢，今天就分享了。顶: <ins data-digg="踩: <ins data-digg="
204楼&& 12:03:27 这还真是一个好东西呢顶: <ins data-digg="踩: <ins data-digg="
205楼&& 12:00:48 前段时间刚刚发现松松博客有这个特效，没想到今天来松松就放出来了顶: <ins data-digg="踩: <ins data-digg="
206楼&& 11:58:15 这是一个好东西，谢谢分享顶: <ins data-digg="踩: <ins data-digg="
207楼&& 11:53:15 嗯，这个的确比较实用，之前在月光博客就看到了，对于松哥这样评论较多的博客最适用了。顶: <ins data-digg="踩: <ins data-digg="
208楼&& 11:51:28
感谢分享 一直有看博主你的博客，挺不错的，小小的支持下。顶: <ins data-digg="踩: <ins data-digg="
209楼&& 11:44:27 不知emlog怎么实现这一效果顶: <ins data-digg="踩: <ins data-digg="
210楼&& 11:28:08 好，谢谢松哥分享~顶: <ins data-digg="踩: <ins data-digg="
211楼&& 11:23:27 真的有效吗顶: <ins data-digg="踩: <ins data-digg="
212楼&& 11:09:49 这仅仅只是web2.0时代网站为了吸引网友的一种有效手段而已顶: <ins data-digg="踩: <ins data-digg="
213楼&& 11:03:48 松哥又出工具了！顶: <ins data-digg="踩: <ins data-digg="
214楼&& 11:00:15 什么知识都得学习一下，有点退步了，代码看不懂了。顶: <ins data-digg="踩: <ins data-digg="
215楼&& 10:58:23 测试好像不能用。松松老大，再看看有什么地方不对顶: <ins data-digg="踩: <ins data-digg="
216楼&& 10:53:10 暂时不需要这个功能。顶: <ins data-digg="踩: <ins data-digg="
217楼&& 10:34:39 来看看松松大哥，请指导一下淘宝反利如何搞才提高收录。顶: <ins data-digg="踩: <ins data-digg="
218楼&& 10:18:51 wordpress 也能用吗顶: <ins data-digg="踩: <ins data-digg="
218楼&& 10:24:14 此代码试用与任何CMS系统顶: <ins data-digg="踩: <ins data-digg="
219楼&& 10:07:20 这样效果确实不错！受教了！顶: <ins data-digg="踩: <ins data-digg="
220楼&& 10:05:29 这种文章应该是我们这种代码博客发的，惭愧..顶: <ins data-digg="踩: <ins data-digg="
221楼&& 10:04:22 对JS代码有点看不懂，看来以后得要多多学习了。顶: <ins data-digg="踩: <ins data-digg="
222楼&& 10:03:56 加个跟随，感觉挺好的！顶: <ins data-digg="踩: <ins data-digg="
223楼&& 10:03:13 马上试试，每次来，总有新收获。顶: <ins data-digg="踩: <ins data-digg="
224楼&& 10:01:44 果真是有需要的东西 看来酒香就是如此哈！顶: <ins data-digg="踩: <ins data-digg="
225楼&& 10:01:40 我觉得我的侧边栏重叠可能是js调用的 我得去看看是不是 如果是的话 就太谢谢松哥了顶: <ins data-digg="踩: <ins data-digg="
226楼&& 09:56:36 看来好好研究一下CSS格式优化代码了。顶: <ins data-digg="踩: <ins data-digg="
227楼&& 09:50:59 看来是得好好学学编程了顶: <ins data-digg="踩: <ins data-digg="
228楼&& 09:40:14 一直想做，可是暂时还是不能发挥作用。顶: <ins data-digg="踩: <ins data-digg="
229楼&& 09:36:24 目前我的博客文章量还少，暂时还用不到，不知道在emlog下能实现吗？顶: <ins data-digg="踩: <ins data-digg="
230楼&& 09:34:17 尝试一下顶: <ins data-digg="踩: <ins data-digg="
231楼&& 09:33:19 不会玩编程的人纠结的飘过啊。顶: <ins data-digg="踩: <ins data-digg="
232楼&& 09:26:30 又学了一招 谢谢分享！顶: <ins data-digg="踩: <ins data-digg="
233楼&& 09:23:05 这个的确是很好的，我曾经看到过的，很有用处的，立即行动加上去了。顶: <ins data-digg="踩: <ins data-digg="
234楼&& 09:22:16 老大，我找这个代码好久了，终于你发出来了。感谢中顶: <ins data-digg="踩: <ins data-digg="
235楼&& 09:10:29 还好吧，咱的博客浏览量不行，评论量也不行，文章也不算长，距离这个东西还是有点遥远啊。松哥用这个估计挺合适，一篇文章几百个评论呢。顶: <ins data-digg="踩: <ins data-digg="
236楼&& 09:09:31 看来我也要改一下了。顶: <ins data-digg="踩: <ins data-digg="
237楼&& 08:59:01 这还真需要试试，只是要是侧边栏比较长那又如何做比较好点？顶: <ins data-digg="踩: <ins data-digg="
238楼&& 08:41:54 我要等我内容多了再装这个顶: <ins data-digg="踩: <ins data-digg="
239楼&& 08:41:02 现在都没心情弄这些 谷歌都收录快2000页了 百度就一个首页快照顶: <ins data-digg="踩: <ins data-digg="
240楼&& 08:39:17 这个效果不错，内容太长侧栏太短的话是个很好的解决办法，可以减少跳出率顶: <ins data-digg="踩: <ins data-digg="
241楼&& 08:33:29 我的知识就像我酒柜里的酒，虽然不多，也不名贵，但我知道它在哪，用时就能拿出来。而不像有的人，虽然酒柜很大，酒很多，但杂乱无章，用时不知拿什么顶: <ins data-digg="踩: <ins data-digg="
242楼&& 08:30:01 感觉楼主的博客越来越有点水了加油啊！顶: <ins data-digg="踩: <ins data-digg="
243楼&& 08:25:32 谢谢松哥分享,在添加广告的时候我们可以将图片广告适当的改为文字形式显示.顶: <ins data-digg="踩: <ins data-digg="
244楼&& 08:18:43 不懂的技术，只能直接用的官方提供的模板。顶: <ins data-digg="踩: <ins data-digg="
245楼&& 08:07:51 对博客程序不是太熟悉，有个博客还没装修顶: <ins data-digg="踩: <ins data-digg="
246楼&& 08:06:04 看到了，效果不错，可以拟补网站的空白部分。顶: <ins data-digg="踩: <ins data-digg="
247楼&& 07:46:41 这个对我的情侣博客无望= =顶: <ins data-digg="踩: <ins data-digg="
248楼&& 07:05:09 好技巧。顶: <ins data-digg="踩: <ins data-digg="
249楼&& 06:39:55 很好。松哥深谙博客一道，技术精湛，学习学习顶: <ins data-digg="踩: <ins data-digg="
250楼&& 05:32:57 要是不用JS能实现就牛了..顶: <ins data-digg="踩: <ins data-digg="
251楼&& 03:53:14 一般的博客风格都会带边栏吧？顶: <ins data-digg="踩: <ins data-digg="
252楼&& 03:52:26 俺至少在前十里面占三个顶: <ins data-digg="踩: <ins data-digg="
253楼&& 03:12:26 这个不错，值得一试。不知道在wordpress中行不行。。。顶: <ins data-digg="踩: <ins data-digg="
253楼&& 22:13:38 可以 和程序无关，有静态页就成！顶: <ins data-digg="踩: <ins data-digg="
253楼&& 10:01:23 wordpress应该可以吧，看到很多人用上了。顶: <ins data-digg="踩: <ins data-digg="
254楼&& 02:20:20 有需求的人，看了还是蛮高兴的。顶: <ins data-digg="踩: <ins data-digg="
255楼&& 01:29:07 卢松松是个很牛逼的人顶: <ins data-digg="踩: <ins data-digg="
256楼&& 00:58:19 呵呵 第4名了。。。提高浏览量的特效：侧栏跟随滚动条顶: <ins data-digg="踩: <ins data-digg="
257楼&& 00:42:44 真是好东西啊，感谢分享啊！顶: <ins data-digg="踩: <ins data-digg="
顶的最多文章&&
21801071776645570518
(window.slotbydup=window.slotbydup || []).push({
id: '2398769',
container: s,
size: '300,250',
display: 'inlay-fix'
最牛评论 218154146797472
最近活动 福利投票烧烤会活动花絮