求一个类似糗事百科的右侧悬浮广告代码，能兼容各浏览器，网页上下移动广告不变，网上找了不少不能用，下面这个自己扒的一个兼容性不行，火狐下正常，其他浏览器下面抖动的厉害，距离顶部距离过远

1. <div id="xuanfu">
   
2. 广告代码
   
3. </div>
   

复制代码

1. // JavaScript Document
   
2. 
   
3. $(function () {
   
4. var ie6 = document.all;
   
5. var dv = $('#xuanfu'), st;
   
6. dv.attr('otop',(dv.offset().top+1)); //存储原来的距离顶部的距离
   
7. $(window).scroll(function () {
   
8. st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
   
9. if (st > parseInt(dv.attr('otop'))) {
   
10. if (ie6) {//IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果
    
11. dv.css({ position: 'absolute', top: st });
    
12. }
    
13. else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 });
    
14. } else if (dv.css('position') != 'static') dv.css({ 'position': 'static' });
    
15. });
    
16. });
    

复制代码

子鹏

干脆丢个代码给你吧，代码分3部分，HTML页面的DIV、JS代码、CSS代码

http://www.jb51.net/article/34822.htm

详细代码进去看吧，我没测试，你测试后记得回复效果。

wwwlo86cn

这东西我们放不了，放了就是作比。。。

不理解

我也想要

guduluoren

同球
研究了很久，没头绪
自己写了一个，抖动厉害，影响用户体验

子鹏

找一个有那种效果的网站，直接扒过来。
或者找一下WordPress或哪个CMS的模板，现在很多模板有这种侧栏浮动的效果，然后直接看模板代码。

子鹏 发表于 2014-5-20 11:14
干脆丢个代码给你吧，代码分3部分，HTML页面的DIV、JS代码、CSS代码

详细代码进去看吧，我没测试，你测试 ...

暂时没测试，昨晚在百度联盟里面找到了悬停代码，实现了这个功能，很不错！不过还是要谢谢你！

子鹏

匿名者 发表于 2014-5-20 11:43
暂时没测试，昨晚在百度联盟里面找到了悬停代码，实现了这个功能，很不错！不过还是要谢谢你！

那出于分享的精神，你应该把你找的能用的代码分享出来。

子鹏 发表于 2014-5-20 11:48
那出于分享的精神，你应该把你找的能用的代码分享出来。

我贴出来的那个代码目前来看最简单，昨晚测试了，火狐和搜狗浏览器下面试用正常，QQ浏览器下面抖动的有点厉害