jquery怎么实现平滑滚动效果 就是随着滚动条而滚动

2024-11-30 02:51:17
推荐回答(5个)
回答1:

var timer;  
    $(function(){  
      //滚动条滚动触发
      $(window).scroll(function(){  
        clearInterval(timer);  
        var topScroll=getScroll();  
        var topDiv="100px";  
        var top=topScroll+parseInt(topDiv);  
        timer=setInterval(function(){  
             //动画移动
             $(".test").animate({"top":top},500);  
        },500)  
      })  
    })  
    function getScroll(){  
         var bodyTop = 0;    
         if (typeof window.pageYOffset != 'undefined') {    
             bodyTop = window.pageYOffset;    
         } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {    
             bodyTop = document.documentElement.scrollTop;    
         }    
         else if (typeof document.body != 'undefined') {    
             bodyTop = document.body.scrollTop;    
         }    
         return bodyTop  
    }

回答2:

标准浏览器下设置元素position属性为fixed即可实现你要的效果,IE6下需要为onscroll事件添加监听函数随时读取并修改元素的位置以实现这个效果,是相当耗费浏览器性能的操作

回答3:

同意daoying2000的说法,一般浏览器在css里设置position:fixed;如果IE6,就用absolute代替,是时候慢慢淘汰IE6了

回答4:

你想要的特效这里基本都有。
ajax(点)open-open(点)com
这是ajax的开源空间,各种特效和现成的代码很多,你找找吧。

回答5:

这里有个 不知道是你想要的不是 http://d.lanrentuku.com/down/js/kefu-589/这个是效果
这个是下载地址http://www.lanrentuku.com/js/kefu-589.html