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

Posted 2023-03-09

jquery怎么实现平滑滚动效果 就是随着滚动条而滚动
平滑滚动
像有些网站 一些图标或者是 快捷菜单 随着页面滚动 一起平滑滚动的效果 有插件吗 ？ 使用方法？。。

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  
    

参考技术A 标准浏览器下设置元素position属性为fixed即可实现你要的效果，IE6下需要为onscroll事件添加监听函数随时读取并修改元素的位置以实现这个效果，是相当耗费浏览器性能的操作 参考技术B 同意daoying2000的说法，一般浏览器在css里设置position：fixed；如果IE6，就用absolute代替，是时候慢慢淘汰IE6了 参考技术C 你想要的特效这里基本都有。
ajax（点）open-open（点）com
这是ajax的开源空间，各种特效和现成的代码很多，你找找吧。本回答被提问者采纳 参考技术D 这里有个 不知道是你想要的不是 http://d.lanrentuku.com/down/js/kefu-589/这个是效果
这个是下载地址http://www.lanrentuku.com/js/kefu-589.html