怎么能实现div里的滚动条滚动时有动画效果

Posted 2023-04-06

我用js代码控制scrollTop值，但是滚动效果显得太僵硬了，问下有没有能让滚动条滚动时能柔和一些的方法。

如果你有jquery库的话，就用animate()方法
如果只用原生态的JS,那么就用定时器setInterval追问

公司用的是zepto，但是zepto里的animate好像不支持scrollTop，我试过了。

追答

那就用原生态的setInterval吧。
var timer=setInterval(function()
if(滚完了)

clearInterval(timer)
else

scrollTop+=10;

,30);
这样可以么

参考技术A 你用 JQ 的话一个 .animate() 就搞定了追问

公司用的是zepto，但是zepto里的animate好像不支持scrollTop，我试过了。

参考技术B 你可以使用固定定位啊！

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

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