卢松松博客

提高浏览量的特效:侧栏跟随滚动条

 人参与 | 时间:2012年04月05日 00:29

现在许多web2.0风格的网站都喜欢用“侧栏跟随”的效果,就是当一个页面很长的时候,设定侧栏内容会跟随滚动条,这种效果适用于评论较多、内容较长的网站。

这种特效对提高网站浏览量、文章点击率、广告点击量都有一定效果。

效果演示:

提高浏览量的特效:侧栏跟随滚动条 建站教程

具体实例,请参见网络文摘栏目随机文章,未来主博客不一定会用。

代码如下:

CSS部分:

/*侧栏跟随*/

#box{float:left; position:relative;width:250px;}.div1{width:250px;}.div2{position:fixed;_position:absolute;top:0;z-index:250;}

注:每个网站的侧栏宽度不同,可根据你网页的宽度调整div1的宽度,我的是width:250px;,把这段代码添加到你的CSS文件中即可。

JS部分:

//侧栏跟随

(function(){

   var oDiv=document.getElementById("float");
   var H=0,iE6;
   var Y=oDiv;
   while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
   iE6=window.ActiveXObject&&!window.XMLHttpRequest;
   if(!iE6){
       window.onscroll=function()
       {
           var s=document.body.scrollTop||document.documentElement.scrollTop;
           if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
           else{oDiv.className="div1";}    
       };
   }

})();

注:这段代码可放入任意JS文件中,比如我放在了util.js 文件里,。 zblog《低调与华丽》模板的用户可直接下载该JS文件替换。

下载地址:http://lusongsong.com/theme/LuSongSong/script/util.js

网页代码部分:

<div id="box">

<div id="float" class="div1">

这里写你网站的代码与标签。

</div>
</div>

注:这里可以放文章列表、联盟广告,总之是个提高点击率的好方法。Z-blog用户把此段代码添加到single.html的侧栏位置即可。

特别提示:此代码试用与任何CMS系统,但该特效在IE6下无法实现,其余浏览器均没问题,同时侧栏其余部分应使用静态文件调用,使用JS调用栏目会出现代码重叠现象,调用联盟广告没问题。

相关阅读:

【推荐】Z-Blog优化小技巧

巴士文章列表插件会拖慢Z-blog速度

Z-Blog负载均衡的方法(图片篇)

精简ZBlog模版代码,提高页面打开速度

流量统计是否影响网站速度

启用lazyload插件,减少图片加载

Zblog文章页调用静态文件的方法

顶: 3踩: 0

来源:,欢迎分享,(QQ/微信:13340454)

原文地址:http://lusongsong.com/reed/453.html

必填

选填

选填

◎已有 258 人评论,微信搜:QQ13340454

1楼访客  2016-04-28 10:51:38
永远支持松哥
顶: 1踩: 0 回复
2楼番茄  2016-04-23 12:32:47
有没有类似的插件推荐一下,松哥。
顶: 0踩: 0 回复
3楼沙扬娜拉网  2016-03-24 14:04:11
试了半天,广告同样也是重叠,不知怎么整的~
顶: 0踩: 0 回复
4楼维峰博客  2016-03-20 18:14:10
自己试了一下,不行,看了评论,原来js代码要放在那个html代码之后,试了可以了,可又出现重叠现象。
顶: 0踩: 0 回复
5楼妹子最多的大学  2014-11-30 20:25:22
这个float不是很好用,需要建好几个层才能把握好。
顶: 0踩: 0 回复
6楼防辐射孕妇装  2014-11-15 22:01:33
难怪我看松松的侧栏,总是在我的眼前啊,原来如此啊,不过真的效果不错。
顶: 0踩: 0 回复
7楼跑步机  2014-09-29 11:44:24
你好,谢谢你的分享。 我终于找到方法了。 原来是JS调用在放在那段代码之后才生效。
顶: 0踩: 0 回复
8楼学生创业  2014-09-27 00:58:38
刚刚测试了,要把js代码放在</body>前面才可以,否则不生效。
顶: 0踩: 0 回复
8楼跑步机  2014-09-29 11:44:24
你好,谢谢你的分享。 我终于找到方法了。 原来是JS调用在放在那段代码之后才生效。
顶: 0踩: 0 回复
9楼跑步机选购  2014-08-28 11:20:37
我试了,怎么没有作用呀
顶: 0踩: 0 回复
9楼学生创业  2014-09-27 00:58:38
刚刚测试了,要把js代码放在</body>前面才可以,否则不生效。
顶: 0踩: 0 回复
9楼跑步机  2014-09-29 11:44:24
你好,谢谢你的分享。 我终于找到方法了。 原来是JS调用在放在那段代码之后才生效。
顶: 0踩: 0 回复
10楼洋洋  2014-06-25 23:07:44
这个侧栏滚动代码很好。怎么才能让首页也滚动呀。只是内容页才能滚动
顶: 0踩: 0 回复
11楼小国免备案空间  2014-05-11 14:13:32
刷新以后有错位,不刷新网页就没问题。
顶: 0踩: 0 回复
12楼弯柚  2014-03-30 11:51:16
很多写博客的都只求有文章更新,只求自己实现了功能,从来不会关心别人是否能够成功,包括‘名博’,关心博客圈这么久,发现真正有责任心的博主很少,我能说这个修改方式和代码都和*光博客很早之前写的的如出一辙吗?
顶: 0踩: 1 回复
13楼笑傲江湖  2014-03-19 20:53:49
感谢你提供解决方法,刚还以为我修改技术不过关,只是这么一大漏洞文章作者为什么不警示呢,哎!坑了多少人~
顶: 0踩: 0 回复
13楼弯柚  2014-03-30 11:51:16
很多写博客的都只求有文章更新,只求自己实现了功能,从来不会关心别人是否能够成功,包括‘名博’,关心博客圈这么久,发现真正有责任心的博主很少,我能说这个修改方式和代码都和*光博客很早之前写的的如出一辙吗?
顶: 0踩: 1 回复
14楼小儿国免备案空间  2014-02-20 15:23:04
刷新以后有错位,不刷新网页就没问题。
顶: 0踩: 0 回复
15楼喜欢分享  2014-01-11 23:09:27
我测试了,但是怎么是固定在底部,侧栏没有跟随滚动?不知道哪里出错了,希望得到指教。谢谢!
顶: 0踩: 0 回复
16楼郑州seo  2013-12-31 20:28:58
太好了,按照你说的,解决了!
顶: 0踩: 0 回复
17楼mango  2013-09-21 12:56:01
左侧栏压住footer底部了。。。
顶: 0踩: 0 回复
18楼小虎  2013-09-18 15:06:51
我也觉得奇怪,我在wordpress上是可以实现的,换到ZBLOG上不能实现 最后看见松哥底部调用了那个JS文件 而我没有调用 这才导致没有实现
顶: 0踩: 0 回复
19楼sky  2013-07-29 14:08:27
但有个问题要如何解决下:当底部内容过高时,继续往下来会挡下边的内容,能否在快到底部时就自动取消跟随,如网易科技频道新版效果一样!
顶: 0踩: 0 回复
20楼咕咕钟  2013-07-06 07:31:44
请问下你侧栏固定三个模块是怎么固定的是把这三个放在一个模块里吗,怎么放的呢,<div id="box"> <div id="float" class="div1">
<div id="dingyue"></div>
<div id="wenzhang"></div>我看你的源文件这里有两个,这个"dingyue"是模块的文件名还是HTML_ID
顶: 0踩: 0 回复
21楼咕咕钟  2013-07-06 07:30:38
请问下你侧栏固定三个模块是怎么固定的是把这三个放在一个模块里吗,怎么放,<div id="box"> <div id="float" class="div1">
<div id="dingyue"></div>
<div id="wenzhang"></div>我看你的源文件这里有两个,这个"dingyue"是模块的文件名还是HTML_ID
顶: 0踩: 0 回复
22楼不干胶标签印刷  2013-06-27 15:31:40
帝国CMS可以实现吗
顶: 0踩: 0 回复
23楼声卡驱动器官方下载  2013-06-17 10:08:20
学习了,。。
顶: 0踩: 0 回复
24楼wedward  2013-04-23 21:38:09
这个千万要注意!!!!!!!!!!!
“这个JS部分可以放在你的HTML代码里面,或者放在你的js文件中,但是请注意,这个JS加载一定要在你的HTML代码部分的后面出现,否则不生效。”
顶: 0踩: 0 回复
24楼郑州seo  2013-12-31 20:28:58
太好了,按照你说的,解决了!
顶: 0踩: 0 回复
25楼Hi记忆  2013-04-17 21:24:33
先存着了。有空在研究吧 ^_^
顶: 0踩: 0 回复
26楼卢松松  2013-04-12 11:55:40
侧栏其余部分必须是静态
顶: 0踩: 0 回复
27楼宿迁波仔博客  2013-04-07 17:51:54
松哥,为什么我的就与侧栏上面的内容重叠了呢...
顶: 0踩: 0 回复
27楼卢松松  2013-04-12 11:55:40
侧栏其余部分必须是静态
顶: 0踩: 0 回复
28楼俊采星弛  2013-04-07 17:07:27
不行呀松哥,按这种办法,要固定的内容会直接从页面底部跳到顶部,然后与上面的内容重叠。 修改哪个参数能解决呢?
顶: 0踩: 0 回复
29楼弯柚  2013-04-07 16:27:55
别用JS调啊,你看松哥侧栏有关博客标签部分的都已经完全静态化了,博客标签部分加上_HTML就可以了。静态化除了最新的一些东西比如留言、文章需要rebuild才生效,对se都比较好
顶: 0踩: 0 回复
30楼斜阳晚暮  2013-04-07 16:09:36
z-blog侧栏是JS调用的,侧栏出现重叠,请问你是怎么实现的。
顶: 0踩: 0 回复
30楼弯柚  2013-04-07 16:27:55
别用JS调啊,你看松哥侧栏有关博客标签部分的都已经完全静态化了,博客标签部分加上_HTML就可以了。静态化除了最新的一些东西比如留言、文章需要rebuild才生效,对se都比较好
顶: 0踩: 0 回复
31楼斜阳晚暮  2013-04-07 15:27:42
z-blog侧栏不是调用的静态文件,相关文章中说的方法只能一部分静态化。
使用后,侧栏样式都变了。
有没有其他方法。
顶: 0踩: 0 回复
32楼弯柚  2013-03-23 17:32:06
实现不了的同志主意了
js那块一定要在代码那块的后面加载,否则是出不来效果的,
如果提前了,var oDiv=document.getElementById("float");这句话是获取不到值的,
因为web是顺序加载的!
顶: 0踩: 0 回复
32楼笑傲江湖  2014-03-19 20:53:49
感谢你提供解决方法,刚还以为我修改技术不过关,只是这么一大漏洞文章作者为什么不警示呢,哎!坑了多少人~
顶: 0踩: 0 回复
32楼弯柚  2014-03-30 11:51:16
很多写博客的都只求有文章更新,只求自己实现了功能,从来不会关心别人是否能够成功,包括‘名博’,关心博客圈这么久,发现真正有责任心的博主很少,我能说这个修改方式和代码都和*光博客很早之前写的的如出一辙吗?
顶: 0踩: 1 回复
32楼wedward  2013-04-23 21:38:09
这个千万要注意!!!!!!!!!!!
“这个JS部分可以放在你的HTML代码里面,或者放在你的js文件中,但是请注意,这个JS加载一定要在你的HTML代码部分的后面出现,否则不生效。”
顶: 0踩: 0 回复
32楼郑州seo  2013-12-31 20:28:58
太好了,按照你说的,解决了!
顶: 0踩: 0 回复
32楼斜阳晚暮  2013-04-07 16:09:36
z-blog侧栏是JS调用的,侧栏出现重叠,请问你是怎么实现的。
顶: 0踩: 0 回复
32楼弯柚  2013-04-07 16:27:55
别用JS调啊,你看松哥侧栏有关博客标签部分的都已经完全静态化了,博客标签部分加上_HTML就可以了。静态化除了最新的一些东西比如留言、文章需要rebuild才生效,对se都比较好
顶: 0踩: 0 回复
33楼如果宅  2013-01-27 01:38:36
还是有个不完善的地方。
浏览器窗口不是最大化,缩小页面宽度使出现水平滚动条。会发现固定的侧边栏只显示一部分,滚动水平滚动条侧边栏缩在右边。。。
顶: 0踩: 0 回复
34楼茹茹教育  2013-01-13 17:17:04
没有测试成功!!求帮助!
顶: 0踩: 0 回复
35楼广州seo  2013-01-08 19:55:35
确实有这样的问题!很伤啊
顶: 0踩: 0 回复
36楼卢松松  2012-06-11 11:55:54
你按照步骤一步步来即可,另外文中已经注明了, IE6下不起作用!
顶: 0踩: 0 回复
37楼卢松松  2012-06-11 11:56:44
增加CSS 增加一段JS 在模板中加入第三段代码,这些都要做的!
顶: 0踩: 0 回复
38楼卢松松  2012-06-11 11:58:29
这三段代码已经很具体了,
顶: 0踩: 0 回复
39楼卢松松  2012-06-11 11:55:30
文中已经注明了, IE6下不起作用!
顶: 0踩: 0 回复
40楼卢松松  2012-06-11 11:58:01
和wp没有关系 都是普通的HTML代码
顶: 0踩: 0 回复
41楼walfred  2012-04-29 16:24:54
应改为&amp;lt;div id=&amp;quot;float&amp;quot; class=&amp;quot;div1 div2&amp;quot;&amp;gt;,松哥不知道俺们白菜们对代码很不敏感的哦
顶: 0踩: 0 回复
42楼666  2012-04-18 23:18:06
详细点才好
顶: 0踩: 0 回复
43楼卢松松  2012-04-18 22:35:20
我都测试过了,除了IE6下 其他均有效
顶: 0踩: 0 回复
44楼何斌博客  2012-04-16 12:17:56
呵呵,我用的也是wordpress
顶: 0踩: 0 回复
45楼卢松松  2012-04-06 19:21:57
文章最后都说了
特别提示:此代码试用与任何CMS系统
顶: 0踩: 0 回复
46楼卢松松  2012-04-06 19:21:06
是的
顶: 0踩: 0 回复
47楼卢松松  2012-04-05 22:52:22
放任意的cms标签即可
顶: 0踩: 0 回复
48楼花郎吧  2012-04-05 23:14:58
非常感谢提醒 刚要放到GG代码这个是用!
顶: 0踩: 0 回复
49楼卢松松  2012-04-05 22:12:40
这条评论很有用,希望大家看看!
顶: 0踩: 0 回复
50楼共享内存卡网  2012-04-05 16:49:15
我太激动了,来松哥这里这么多次,第一次被回复,哈哈
晚上写篇文章记录一下,松哥加油阿
顶: 0踩: 0 回复
51楼卢松松  2012-04-05 16:46:38
和程序无关
顶: 0踩: 0 回复
52楼卢松松  2012-04-05 10:24:14
此代码试用与任何CMS系统
顶: 0踩: 0 回复
53楼卢松松  2012-04-05 22:13:38
可以 和程序无关,有静态页就成!
顶: 0踩: 0 回复
54楼waiting的无限博客  2012-04-05 10:01:23
wordpress应该可以吧,看到很多人用上了。
顶: 0踩: 0 回复
55楼xiaopeng  2012-12-08 16:36:01
我这出现一个问题:就是如何控制到底部的高度。由于左右分栏不是通版,出现侧栏随动与底部其他内容重叠的现象,不知道修改那些数据。请松哥和朋友们帮忙!
顶: 0踩: 0 回复
56楼返利平台  2012-11-18 18:41:23
我也来学习学习,此站很丰富,不懂代码怎么用。

顶: 0踩: 0 回复
57楼王攀博客  2012-10-10 19:57:55
唉,实现不了啊 加了没有效果 求正确方法
顶: 0踩: 0 回复
58楼你好  2012-10-04 19:27:59
dz门户好像不行,严格按照三个步骤来的!
顶: 0踩: 0 回复
59楼范文大全  2012-09-06 23:06:00
好奇怪,在一个网站测试成功了,搬到另外一个网站,没有效果,非常奇怪的事情![REVERT=卢松松 于 2012-10-17 21:37:44 回复]那估计是路径不对[/REVERT]
顶: 0踩: 0 回复
60楼重庆海峰网  2012-09-04 19:08:58
完全没有任何效果,还是不会跟着下滑,如果按180楼walfred这样写的话<div id="float" class="div1 div2">完全固定在上面了,覆盖其它侧栏的了···松哥出招吧,这么多人说不行一定还是有什么问题有空看看吧,
顶: 0踩: 0 回复
61楼养生一族  2012-08-27 11:23:11
完全没有任何效果,搜狗浏览器,ie8,360浏览器,全部试过了,装上去,还是不会跟着下滑,如果这样写的话<div id="float" class="div1 div2">完全固定在上面了,覆盖其它侧栏的了···
顶: 0踩: 0 回复
62楼默默前行  2012-08-22 19:24:05
IE6下面不支持fixed.不然就完美了~
顶: 0踩: 0 回复
63楼脚气网  2012-08-16 22:08:32
按你给的方法试了,没有效果啊
顶: 0踩: 0 回复
64楼陈华氏度  2012-07-18 20:47:40
导航如何跟随呢?
顶: 0踩: 0 回复
65楼歪囧网  2012-06-30 14:44:48
IE6无法实现
顶: 0踩: 0 回复
66楼减肥药排行榜  2012-06-13 21:22:34
这样改有效果吗?是不是只要在css上改就OK了
顶: 0踩: 0 回复
67楼卢松松你好  2012-06-07 16:13:06
总是测试不成功,能说详细点吗?
顶: 0踩: 0 回复
67楼卢松松  2012-06-11 11:55:54
你按照步骤一步步来即可,另外文中已经注明了, IE6下不起作用!
顶: 0踩: 0 回复
68楼忠实  2012-06-05 21:15:32
是三步都要加上呢,还是最后2步就行了。我测试了,怎么不行呢
顶: 0踩: 0 回复
68楼卢松松  2012-06-11 11:56:44
增加CSS 增加一段JS 在模板中加入第三段代码,这些都要做的!
顶: 0踩: 0 回复
69楼忠实  2012-06-05 21:12:59
还是不会,插入cms代码那里。第三步
顶: 0踩: 0 回复
70楼MRSIMON  2012-06-02 05:23:28
估计很多WPers折腾了这个代码。。一堆人问了。可惜博主没给出具体代码。
顶: 0踩: 0 回复
70楼卢松松  2012-06-11 11:58:29
这三段代码已经很具体了,
顶: 0踩: 0 回复
71楼深圳网站建设  2012-05-31 09:29:47
代码似乎有点问题,因为在if(!IE6)中,if(IE6)是不可能执行的。
(function(){
var oDiv=document.getElementById("float");
var H=0,iE6;
var Y=oDiv;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
iE6=window.ActiveXObject&&!window.XMLHttpRequest;
window.onscroll=function(){
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){
if(!iE6){
oDiv.className="div1 div2";
}else if(iE6){
oDiv.style.top=(s-H)+"px";
}
}else{
oDiv.className="div1";
}
};
})();
顶: 0踩: 0 回复
71楼卢松松  2012-06-11 11:55:30
文中已经注明了, IE6下不起作用!
顶: 0踩: 0 回复
72楼深圳网站建设  2012-05-31 09:07:43
经测试,IE6下的确是没有效果。
顶: 0踩: 0 回复
73楼反远  2012-05-24 17:59:30
为什么我用了之后 是错误的 JS报 oDiv为空或不是对象。
顶: 0踩: 0 回复
74楼移动电源  2012-05-23 17:19:47
卢老师,能不能告诉我WP要怎么操作才能实现你这样的效果?
顶: 0踩: 0 回复
74楼卢松松  2012-06-11 11:58:01
和wp没有关系 都是普通的HTML代码
顶: 0踩: 0 回复
75楼呼叫器  2012-05-19 10:56:20
不错,收藏了。
顶: 0踩: 0 回复
76楼小胡博客  2012-05-04 23:57:57
怎么添加上出现重叠现象啊!~~
顶: 0踩: 0 回复
77楼小胡博客  2012-05-04 22:33:39
请问松哥,按照你的方法设置,出现重叠怎么办啊??
顶: 0踩: 0 回复
78楼walfred  2012-04-29 16:23:29
坑爹吗,松哥,代码有误啊,你的代码中带有&lt;div id=&quot;float&quot; class=&quot;div1&quot;&gt; 咋没有了div2了呢,CSS又来个div2,辛亏看你的源码才弄起来了!!!
顶: 0踩: 0 回复
78楼walfred  2012-04-29 16:24:54
应改为&amp;lt;div id=&amp;quot;float&amp;quot; class=&amp;quot;div1 div2&amp;quot;&amp;gt;,松哥不知道俺们白菜们对代码很不敏感的哦
顶: 0踩: 0 回复
79楼单页教程  2012-04-27 10:27:19
这个功能让整个页面看起来清爽多了。
顶: 0踩: 0 回复
80楼秦远征博客  2012-04-26 12:27:18
看起来很有用的东东,说不定以后会用到的
顶: 0踩: 0 回复
81楼大米加工批发  2012-04-22 18:55:05
试了好多次,还是不行啊。
重整了一下也不行。
齐了个怪了!
顶: 0踩: 0 回复
82楼特酷吧  2012-04-20 22:03:00
这个功能很好,我的用的是Z版Zblog的Qeeke模版,不知道行不行。
顶: 0踩: 0 回复
83楼666  2012-04-18 22:55:25
太笼统,还是不会哎
顶: 0踩: 0 回复
83楼666  2012-04-18 23:18:06
详细点才好
顶: 0踩: 0 回复
84楼80  2012-04-18 22:01:56
老师这效果在ie下面没效果,ie678,不知道是不是我电脑的问题,你的博客也只能是在火狐谷歌下面才有效果
顶: 0踩: 0 回复
84楼卢松松  2012-04-18 22:35:20
我都测试过了,除了IE6下 其他均有效
顶: 0踩: 0 回复
85楼祛痘产品  2012-04-18 21:02:26
好东西 适合内容页很长的我
顶: 0踩: 0 回复
86楼高旭东个人博客  2012-04-17 22:08:47
我决定拿走了,在不是很影响速度的前提先试试,加分的功能
顶: 0踩: 0 回复
87楼茶余饭后  2012-04-17 10:59:31
个人还是喜欢简单点好
顶: 0踩: 0 回复
88楼台灯  2012-04-15 16:40:47
这些是好东东呀 正在找这个
顶: 0踩: 0 回复
89楼车载导航博客  2012-04-15 13:16:31
不知道wordpress有没有这样的设置?
顶: 0踩: 0 回复
89楼何斌博客  2012-04-16 12:17:56
呵呵,我用的也是wordpress
顶: 0踩: 0 回复
90楼随州人才网  2012-04-15 10:02:53
这个是侧栏跟随滚动位广告的应用版
顶: 0踩: 0 回复
91楼淘宝商城女装  2012-04-13 12:01:57
用户的体验和增加展示机会 很不错
顶: 0踩: 0 回复
92楼减肥产品  2012-04-13 07:30:01
楼主分析的的确是好东西,很受用
顶: 0踩: 0 回复
93楼读书名言  2012-04-11 15:05:32
侧栏跟随滚动条的效果不错。
顶: 0踩: 0 回复
94楼舜报  2012-04-11 14:12:24
我在网站上用貌似没有效果,不知道哪个地方设置的不准确!
顶: 0踩: 0 回复
95楼三猫博客  2012-04-10 18:44:53
博主不仅文章写的好,代码也是精通啊。
顶: 0踩: 0 回复
96楼宁波做网站  2012-04-10 13:59:38
用户体验挺好的~
顶: 0踩: 0 回复
97楼木屋  2012-04-09 14:01:08
有时间去试试去。
顶: 0踩: 0 回复
98楼百度影音电影网  2012-04-09 12:52:50
很棒的代码,谢谢分享
顶: 0踩: 0 回复
99楼网络赚钱  2012-04-08 21:43:30
这个我很喜欢,今天就尝试一下。
顶: 0踩: 0 回复
100楼个人工作总结  2012-04-08 20:31:27
有需求的人,看了还是蛮高兴,真是好,分享下
顶: 0踩: 0 回复
101楼他山之石  2012-04-08 18:05:15
还得调调我的样式。
顶: 0踩: 0 回复
102楼iPhone美化  2012-04-08 16:50:45
我也搞了个,好像比你的复杂,有空研究下准备换个简单点的代码
顶: 0踩: 0 回复
103楼SEO公司  2012-04-08 15:23:05
很新颖的观点
顶: 0踩: 0 回复
104楼左丞鈊  2012-04-07 23:26:07
对代码认识还不够啊!还得多学些这些代码才能知道如果自由的添加到网站中去。
顶: 0踩: 0 回复
105楼优设前端  2012-04-07 17:32:37
这个效果挺不错的,学习了,呵呵
顶: 0踩: 0 回复
106楼建筑质检员  2012-04-07 16:57:28
哎,采用emlog的博客,测试失败。搞了半天都弄不好。
顶: 0踩: 0 回复
107楼红酒知识  2012-04-07 16:02:18
又是一个实用的代码,果断收藏了、、
顶: 0踩: 0 回复
108楼tech迷  2012-04-07 13:31:03
改天我也试试
顶: 0踩: 0 回复
109楼Andrew  2012-04-07 13:04:59
有时候感觉侧边栏的左右不是很大
顶: 0踩: 0 回复
110楼元元博客  2012-04-07 12:16:27
学习了,继续崇拜松哥
顶: 0踩: 0 回复
111楼老人手机推荐  2012-04-07 12:05:14
真的是好东西,感谢松哥分享
顶: 0踩: 0 回复
112楼否何  2012-04-07 11:45:42
这个很好,我的博客也这样弄过,都已经弄了很久,但是和你的完全不一样了
顶: 0踩: 0 回复
113楼包亦博客  2012-04-07 01:58:55
这段代码明显不兼容IE6。。。IE6下fixed是固定不行滴。。
顶: 0踩: 0 回复
114楼阳光英语博客  2012-04-06 21:09:18
月光很久之前就已经用了。呵呵
顶: 0踩: 0 回复
115楼站长网址大全  2012-04-06 19:31:00
很有用的文章,这应是搞好用户体验的一个方面
顶: 0踩: 0 回复
116楼子曰博客  2012-04-06 19:12:35
又来啦,老卢还不更新!!!
顶: 0踩: 0 回复
117楼日照旅游  2012-04-06 19:04:49
我只看到 rss订阅一下的内容
顶: 0踩: 0 回复
118楼人才招聘信息网  2012-04-06 18:43:45
特效对网站的访问也是有影响的,js越多,越麻烦!
顶: 0踩: 0 回复
119楼好拖博客  2012-04-06 18:05:21
松哥,我用的wp,有办法实现吗?你还没回答我呢
顶: 0踩: 0 回复
119楼卢松松  2012-04-06 19:21:57
文章最后都说了
特别提示:此代码试用与任何CMS系统
顶: 0踩: 0 回复
120楼小游戏  2012-04-06 17:55:45
卢松松永远都是这么强呀,俺永远都是看不懂代码呀,嘻嘻!
顶: 0踩: 0 回复
121楼四叠半主义者  2012-04-06 17:41:49
一栏表示无法实现侧栏跟随
顶: 0踩: 0 回复
122楼美文美段  2012-04-06 17:35:52
效果是你这个博客的“回顶部”和“写评论”吗
顶: 0踩: 0 回复
122楼卢松松  2012-04-06 19:21:06
是的
顶: 0踩: 0 回复
123楼pc阳光板  2012-04-06 17:00:47
还是没太看明白,怎么实现浏览量增加的效果的呢?用了这个特效后,网站的用户体验是不是感觉有点乱啊?
顶: 0踩: 0 回复
124楼楚汉争鼎  2012-04-06 15:50:49
真是好东西啊,感谢分享啊!
顶: 0踩: 0 回复
125楼益尔健懒人运动机  2012-04-06 15:31:33
这样会不会用户体验不太好
顶: 0踩: 0 回复
126楼离子溅射仪  2012-04-06 15:28:02
这个功能对于企业站来说不好整哦
顶: 0踩: 0 回复
127楼江苏seo记事本  2012-04-06 15:24:56
似乎是一直是可以支持的
顶: 0踩: 0 回复
128楼阿辉博客  2012-04-06 15:13:05
的确是很有必要啊。昨天添加的时候失败了。今天下班再试试。
顶: 0踩: 0 回复
129楼最新网络赚钱方法  2012-04-06 14:55:15
看看 这个东西具体怎么用啊
顶: 0踩: 0 回复
130楼乐享  2012-04-06 14:46:29
很有价值 值得收藏
顶: 0踩: 0 回复
131楼坦洋工夫  2012-04-06 14:41:25
非常好,很多文章对我的帮助都很大!
顶: 0踩: 0 回复
132楼赖林林博客  2012-04-06 13:40:01
可以试验下 看看效果
顶: 0踩: 0 回复
133楼志慧  2012-04-06 13:22:22
呵呵把你的边栏订阅偷走了,不过感觉两个订阅标签跟月光的一样哈!
顶: 0踩: 0 回复
134楼北京网站优化  2012-04-06 13:05:31
发现这么久了,有些东西我还是改不了
顶: 0踩: 0 回复
135楼行畔博客  2012-04-06 12:52:36
灰常不错的插件
顶: 0踩: 0 回复
136楼zippo客  2012-04-06 12:38:51
在用能,侧边栏广告
顶: 0踩: 0 回复
137楼防过敏网  2012-04-06 12:21:51
其他网站程序不适用啊。。。
顶: 0踩: 0 回复
138楼寻乐网  2012-04-06 12:17:25
谢谢,我的寻乐网站看了这个之后也注意了这个问题.
顶: 0踩: 0 回复
139楼幻想影院  2012-04-06 11:26:49
真勤快啊,又更新了。
顶: 0踩: 0 回复
140楼李建涛  2012-04-06 11:22:11
试了下 没弄得起来 纠结
顶: 0踩: 0 回复
141楼九江网  2012-04-06 10:56:20
代码牛人。。咱还是不扯腾了 。
顶: 0踩: 0 回复
142楼别怀港视频营销  2012-04-06 10:25:38
很不错的代码,先拿来应用了,谢谢分享
顶: 0踩: 0 回复
143楼SEO新手博客  2012-04-06 10:13:10
新写了一篇《权重对关键词排名的影响一次测试》,看看效果!
顶: 0踩: 0 回复
144楼SEO论坛  2012-04-06 09:58:09
确实不错的好东西,去试试
顶: 0踩: 0 回复
145楼上海SEO  2012-04-06 09:53:11
这个对于内容长的来说,确实是很有用的
顶: 0踩: 0 回复
146楼徐国祥seo博客  2012-04-06 09:42:35
个人感觉很难用上!
顶: 0踩: 0 回复
147楼三十  2012-04-06 09:26:20
现在用IE6的人多吗?
顶: 0踩: 0 回复
148楼720P资源站  2012-04-06 08:32:41
为啥来松松博客留言的同学那么多呢
我为啥天天来呢
顶: 0踩: 0 回复
149楼天浩博客  2012-04-06 07:44:23
这个方法挺好的,我也去试试啦
顶: 0踩: 0 回复
150楼小李飞刀  2012-04-06 00:11:48
这样才有更好的用户体验
顶: 0踩: 0 回复
151楼静脉曲张袜哪个牌子好  2012-04-06 00:07:06
松哥,终于又有新文章了,太好了,支持松哥,文章很好哦,
顶: 0踩: 0 回复
152楼192.168.1.1  2012-04-05 23:36:37
O(∩_∩)O~,学习学习,js很重要
顶: 0踩: 0 回复
153楼11选5技巧  2012-04-05 23:18:50
太火了。这么一个就到100楼了
顶: 0踩: 0 回复
154楼护腰带  2012-04-05 23:11:22
此代码绝对好用,收藏了
顶: 0踩: 0 回复
155楼花郎吧  2012-04-05 22:55:48
呀 好棒啊 松哥找了好久你这个特效
顶: 0踩: 0 回复
156楼shenghuo  2012-04-05 22:46:58
一般的博客风格都会带边栏
顶: 0踩: 0 回复
157楼传奇  2012-04-05 22:36:35
<div id="box">
<div id="float" class="div1">
这里写你网站的代码与标签。
</div>
</div>
这里写你网站的代码与标签。 怎么写呢?我笨,,,
顶: 0踩: 0 回复
157楼卢松松  2012-04-05 22:52:22
放任意的cms标签即可
顶: 0踩: 0 回复
158楼黄山火车站  2012-04-05 22:33:29
以前很少用的 没时间去阅读这样的文章~
顶: 0踩: 0 回复
159楼SeaRu  2012-04-05 22:32:19
这个值得折腾,拿走了。不介意转一遍吧……
顶: 0踩: 0 回复
160楼月萌ACG  2012-04-05 21:41:47
效果不错 谢谢松哥
顶: 0踩: 0 回复
161楼牛奶减肥  2012-04-05 21:38:16
主要还得内容相似。。推荐的有效啊。。
顶: 0踩: 0 回复
162楼武汉SEO服务  2012-04-05 20:57:20
今天一来就发现了这个功能!非常之不错!明天改来试试!
顶: 0踩: 0 回复
163楼汽车贴膜什么牌子好  2012-04-05 20:48:51
感觉松哥这几次的文章都跟社会化分享!!的功能有关系啊啊!!!!
顶: 0踩: 0 回复
164楼仁心博客  2012-04-05 20:21:24
总是有惊喜啊。~~~
顶: 0踩: 0 回复
165楼龙的传人  2012-04-05 19:42:52
松松的这个效果以前就有注意到,确实很好,提高PV的同时,还有利于网站界面的美观,不然拖动到下方后,边栏内容空着很难看
顶: 0踩: 0 回复
166楼北京网站优化  2012-04-05 19:36:49
看到很多博客都有类似样式
顶: 0踩: 0 回复
167楼任鸟飞  2012-04-05 19:00:39
这效果确认很好用,但不要放Google的广告,违反Adsense政策,之前我被Google警告过。
顶: 0踩: 0 回复
167楼花郎吧  2012-04-05 23:14:58
非常感谢提醒 刚要放到GG代码这个是用!
顶: 0踩: 0 回复
167楼卢松松  2012-04-05 22:12:40
这条评论很有用,希望大家看看!
顶: 0踩: 0 回复
168楼朱安安  2012-04-05 18:24:56
谢谢宋哥分享,好东西。
顶: 0踩: 0 回复
169楼口臭怎么办  2012-04-05 18:23:22
方法还不错,效果一般般
顶: 0踩: 0 回复
170楼哥特复兴  2012-04-05 17:54:28
松哥现在正在玩美味书签,哈哈
顶: 0踩: 0 回复
171楼汇票贴现  2012-04-05 17:52:00
不错的代码
顶: 0踩: 0 回复
172楼江苏seo记事本  2012-04-05 17:42:02
这个似乎一直都可以的
顶: 0踩: 0 回复
173楼nerd  2012-04-05 17:13:19
WordPress试了半天
没弄成功
顶: 0踩: 0 回复
174楼阳光博客  2012-04-05 17:05:52
松哥V5 。。。。果断用上!!!
顶: 0踩: 0 回复
175楼饭团Blog  2012-04-05 17:00:31
我忽然发现我博客侧边栏内容太短了= =
顶: 0踩: 0 回复
176楼收腹网  2012-04-05 16:56:39
这样子啊,回去改进一下
顶: 0踩: 0 回复
177楼好拖博客  2012-04-05 16:55:23
肚子饿了,头晕。来松哥这吃点东西
顶: 0踩: 0 回复
178楼淘我喜欢  2012-04-05 16:54:17
目前还不想考虑用这,啥东西我喜欢等别人用了之后如果多数说好,我再用。
顶: 0踩: 0 回复
179楼小云子  2012-04-05 16:54:07
很不错,谢谢博主的分享
顶: 0踩: 0 回复
180楼法帮网  2012-04-05 16:47:01
感谢分享
顶: 0踩: 0 回复
181楼ixwebhosting  2012-04-05 15:59:17
通俗易懂,文章分享的好实用,辛苦了,卢老师
顶: 0踩: 0 回复
182楼先看看  2012-04-05 15:55:06
这个一般网站都有
顶: 0踩: 0 回复
183楼红胎记  2012-04-05 15:50:07
每次来到这个,总是有意外的惊喜
顶: 0踩: 0 回复
184楼安心吧  2012-04-05 15:49:55
在织梦上面捣鼓了半天还是没成功
顶: 0踩: 0 回复
185楼青岛seo  2012-04-05 15:49:38
确实是利器,看松松你用了。
顶: 0踩: 0 回复
186楼90后奋斗博客  2012-04-05 15:46:01
这个好!!!
顶: 0踩: 0 回复
187楼时代海钓  2012-04-05 15:45:03
自从看到你和月光博客后就在找这种特效,好久了就是没找到
顶: 0踩: 0 回复
188楼汽车模具  2012-04-05 15:28:45
通篇阅读您的文章,获得收益匪浅,以后会常来的!
顶: 0踩: 0 回复
189楼招商投资网  2012-04-05 15:23:33
好象很牛的代码,适合于任何CMS系统,这个我得试试看了,松哥不要骗人哦。
顶: 0踩: 0 回复
190楼自动检重秤  2012-04-05 14:54:21
谢谢分享代码
顶: 0踩: 0 回复
191楼onfoot  2012-04-05 14:53:30
谢谢分享
顶: 0踩: 0 回复
192楼大红袍  2012-04-05 14:42:13
这个还是刚刚了解一点,看来做这个行业哪个方面都不能少啊。
顶: 0踩: 0 回复
193楼造神  2012-04-05 14:41:03
写得不错,提升页面访问量是相当重要的
顶: 0踩: 0 回复
194楼中山大学自考  2012-04-05 14:30:22
看来细节决定成败呀,一直没注意这个
顶: 0踩: 0 回复
195楼小崔美眉  2012-04-05 14:17:02
嗯,这个感觉很不错啊,有时间研究一下
顶: 0踩: 0 回复
196楼挨踢小茶  2012-04-05 13:56:28
松哥连代码都这么精通,情何以堪。
顶: 0踩: 0 回复
197楼共享内存卡网  2012-04-05 13:56:26
话说,wp怎么搞?松哥来个教程把?
顶: 0踩: 0 回复
197楼共享内存卡网  2012-04-05 16:49:15
我太激动了,来松哥这里这么多次,第一次被回复,哈哈
晚上写篇文章记录一下,松哥加油阿
顶: 0踩: 0 回复
197楼卢松松  2012-04-05 16:46:38
和程序无关
顶: 0踩: 0 回复
198楼美国主机  2012-04-05 13:55:41
这个真不错,看到很多人在用博主的模板
顶: 0踩: 0 回复
199楼诚逸  2012-04-05 13:14:33
这个确实非常关注到用户了,之前看到过一个站点是这样的,但不知道什么弄的,赶紧也给自己弄个咯
顶: 0踩: 0 回复
200楼编程入门  2012-04-05 12:43:21
恩,这种效果在很多博客都能见到了。
顶: 0踩: 0 回复
201楼好拖博客  2012-04-05 12:41:17
松哥,我用的wp,有办法实现吗?
顶: 0踩: 0 回复
202楼让让  2012-04-05 12:24:58
这样很人性化,方便读者阅读。
顶: 0踩: 0 回复
203楼s  2012-04-05 12:14:06
昨天还在研究博主是怎么实现的呢,今天就分享了。

顶: 0踩: 0 回复
204楼囧囧seo博客  2012-04-05 12:03:27
这还真是一个好东西呢
顶: 0踩: 0 回复
205楼Ansen  2012-04-05 12:00:48
前段时间刚刚发现松松博客有这个特效,没想到今天来松松就放出来了
顶: 0踩: 0 回复
206楼湘潭电脑维修  2012-04-05 11:58:15
这是一个好东西,谢谢分享
顶: 0踩: 0 回复
207楼肖俊SEO博客  2012-04-05 11:53:15
嗯,这个的确比较实用,之前在月光博客就看到了,对于松哥这样评论较多的博客最适用了。
顶: 0踩: 0 回复
208楼今年流行什么鞋  2012-04-05 11:51:28
感谢分享 一直有看博主你的博客,挺不错的,小小的支持下。
顶: 0踩: 0 回复
209楼Mickey文学励志  2012-04-05 11:44:27
不知emlog怎么实现这一效果
顶: 0踩: 0 回复
210楼SEO新手博客  2012-04-05 11:28:08
好,谢谢松哥分享~
顶: 0踩: 0 回复
211楼结伴旅游  2012-04-05 11:23:27
真的有效吗

顶: 0踩: 0 回复
212楼seo云南  2012-04-05 11:09:49
这仅仅只是web2.0时代网站为了吸引网友的一种有效手段而已
顶: 0踩: 0 回复
213楼皮卡车改装  2012-04-05 11:03:48
松哥又出工具了!
顶: 0踩: 0 回复
214楼短信群發  2012-04-05 11:00:15
什么知识都得学习一下,有点退步了,代码看不懂了。
顶: 0踩: 0 回复
215楼婴儿湿疹网  2012-04-05 10:58:23
测试好像不能用。松松老大,再看看有什么地方不对
顶: 0踩: 0 回复
216楼数字营销  2012-04-05 10:53:10
暂时不需要这个功能。
顶: 0踩: 0 回复
217楼猎手返利网  2012-04-05 10:34:39
来看看松松大哥,请指导一下淘宝反利如何搞才提高收录。
顶: 0踩: 0 回复
218楼游戏茶馆  2012-04-05 10:18:51
wordpress 也能用吗
顶: 0踩: 0 回复
218楼卢松松  2012-04-05 10:24:14
此代码试用与任何CMS系统
顶: 0踩: 0 回复
219楼咖啡  2012-04-05 10:07:20
这样效果确实不错!受教了!
顶: 0踩: 0 回复
220楼前端组  2012-04-05 10:05:29
这种文章应该是我们这种代码博客发的,惭愧..
顶: 0踩: 0 回复
221楼旭阳  2012-04-05 10:04:22
对JS代码有点看不懂,看来以后得要多多学习了。
顶: 0踩: 0 回复
222楼彬Bin.博客  2012-04-05 10:03:56
加个跟随,感觉挺好的!
顶: 0踩: 0 回复
223楼pos机  2012-04-05 10:03:13
马上试试,每次来,总有新收获。
顶: 0踩: 0 回复
224楼诸葛诺博客  2012-04-05 10:01:44
果真是有需要的东西 看来酒香就是如此哈!
顶: 0踩: 0 回复
225楼情侣空间  2012-04-05 10:01:40
我觉得我的侧边栏重叠可能是js调用的 我得去看看是不是 如果是的话 就太谢谢松哥了
顶: 0踩: 0 回复
226楼h单机游戏  2012-04-05 09:56:36
看来好好研究一下CSS格式优化代码了。
顶: 0踩: 0 回复
227楼华子SEO博客  2012-04-05 09:50:59
看来是得好好学学编程了
顶: 0踩: 0 回复
228楼阿辉博客  2012-04-05 09:40:14
一直想做,可是暂时还是不能发挥作用。
顶: 0踩: 0 回复
229楼小生博客  2012-04-05 09:36:24
目前我的博客文章量还少,暂时还用不到,不知道在emlog下能实现吗?
顶: 0踩: 0 回复
230楼微博资讯网  2012-04-05 09:34:17
尝试一下
顶: 0踩: 0 回复
231楼骷髅猫  2012-04-05 09:33:19
不会玩编程的人纠结的飘过啊。
顶: 0踩: 0 回复
232楼吴克难的博客  2012-04-05 09:26:30
又学了一招 谢谢分享!
顶: 0踩: 0 回复
233楼婴儿湿疹网  2012-04-05 09:23:05
这个的确是很好的,我曾经看到过的,很有用处的,立即行动加上去了。
顶: 0踩: 0 回复
234楼大学生村官网  2012-04-05 09:22:16
老大,我找这个代码好久了,终于你发出来了。感谢中
顶: 0踩: 0 回复
235楼李冬博客  2012-04-05 09:10:29
还好吧,咱的博客浏览量不行,评论量也不行,文章也不算长,距离这个东西还是有点遥远啊。松哥用这个估计挺合适,一篇文章几百个评论呢。
顶: 0踩: 0 回复
236楼中山尚人  2012-04-05 09:09:31
看来我也要改一下了。
顶: 0踩: 0 回复
237楼广州网站优化  2012-04-05 08:59:01
这还真需要试试,只是要是侧边栏比较长那又如何做比较好点?
顶: 0踩: 0 回复
238楼牙齿矫正程医生  2012-04-05 08:41:54
我要等我内容多了再装这个
顶: 0踩: 0 回复
239楼720P资源站  2012-04-05 08:41:02
现在都没心情弄这些 谷歌都收录快2000页了 百度就一个首页快照
顶: 0踩: 0 回复
240楼腰椎间盘突出  2012-04-05 08:39:17
这个效果不错,内容太长侧栏太短的话是个很好的解决办法,可以减少跳出率
顶: 0踩: 0 回复
241楼Mickey文学励志  2012-04-05 08:33:29
我的知识就像我酒柜里的酒,虽然不多,也不名贵,但我知道它在哪,用时就能拿出来。而不像有的人,虽然酒柜很大,酒很多,但杂乱无章,用时不知拿什么
顶: 0踩: 0 回复
242楼卢锋博客  2012-04-05 08:30:01
感觉楼主的博客越来越有点水了
加油啊!
顶: 0踩: 0 回复
243楼Mickey文学励志  2012-04-05 08:25:32
谢谢松哥分享,在添加广告的时候我们可以将图片广告适当的改为文字形式显示.
顶: 0踩: 0 回复
244楼徐同学帮你忙  2012-04-05 08:18:43
不懂的技术,只能直接用的官方提供的模板。
顶: 0踩: 0 回复
245楼橄榄油论坛  2012-04-05 08:07:51
对博客程序不是太熟悉,有个博客还没装修
顶: 0踩: 0 回复
246楼黑土地  2012-04-05 08:06:04
看到了,效果不错,可以拟补网站的空白部分。
顶: 0踩: 0 回复
247楼小哲软件  2012-04-05 07:46:41
这个对我的情侣博客无望= =
顶: 0踩: 0 回复
248楼安徽SEO推广者  2012-04-05 07:05:09
好技巧。
顶: 0踩: 0 回复
249楼谬语胡说  2012-04-05 06:39:55
很好。松哥深谙博客一道,技术精湛,学习学习
顶: 0踩: 0 回复
250楼163小游戏  2012-04-05 05:32:57
要是不用JS能实现就牛了..
顶: 0踩: 0 回复
251楼丁建军  2012-04-05 03:53:14
一般的博客风格都会带边栏吧?
顶: 0踩: 0 回复
252楼南通装修博客  2012-04-05 03:52:26
俺至少在前十里面占三个
顶: 0踩: 0 回复
253楼翔久博客  2012-04-05 03:12:26
这个不错,值得一试。不知道在wordpress中行不行。。。
顶: 0踩: 0 回复
253楼卢松松  2012-04-05 22:13:38
可以 和程序无关,有静态页就成!
顶: 0踩: 0 回复
253楼waiting的无限博客  2012-04-05 10:01:23
wordpress应该可以吧,看到很多人用上了。
顶: 0踩: 0 回复
254楼郭强  2012-04-05 02:20:20
有需求的人,看了还是蛮高兴的。
顶: 0踩: 0 回复
255楼wolfer  2012-04-05 01:29:07
卢松松是个很牛逼的人
顶: 0踩: 0 回复
256楼铁观音  2012-04-05 00:58:19
呵呵 第4名了。。。提高浏览量的特效:侧栏跟随滚动条

顶: 0踩: 0 回复
257楼南宁礼品  2012-04-05 00:42:44
真是好东西啊,感谢分享啊!
顶: 0踩: 0 回复