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

发布网友 发布时间：2022-04-21 05:18

我来回答

共5个回答

热心网友 时间：2022-04-20 11:00

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  
    }

热心网友 时间：2022-04-20 12:18

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

热心网友 时间：2022-04-20 13:53

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

热心网友 时间：2022-04-20 15:44

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

热心网友 时间：2022-04-20 17:52

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