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

jquery怎么实现平滑滚动效果就是随着滚动条而滚动平滑滚动像有些网站一些图标或者是快捷菜单随着页面滚动一起平滑滚动的效果有插件吗?使用方法?。。... jquery怎么实现平滑滚动效果 就是随着滚动条而滚动
平滑滚动
像有些网站 一些图标或者是 快捷菜单 随着页面滚动 一起平滑滚动的效果 有插件吗 ? 使用方法?。。
展开
 我来答
Baby_原來
2015-07-28 · TA获得超过3402个赞
知道大有可为答主
回答量:1535
采纳率:94%
帮助的人:492万
展开全部
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  
    }
百度网友d2c42e0
2011-04-21 · TA获得超过1384个赞
知道小有建树答主
回答量:1268
采纳率:42%
帮助的人:580万
展开全部
标准浏览器下设置元素position属性为fixed即可实现你要的效果,IE6下需要为onscroll事件添加监听函数随时读取并修改元素的位置以实现这个效果,是相当耗费浏览器性能的操作
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
rockey329
2011-04-23 · TA获得超过195个赞
知道小有建树答主
回答量:203
采纳率:0%
帮助的人:147万
展开全部
同意daoying2000的说法,一般浏览器在css里设置position:fixed;如果IE6,就用absolute代替,是时候慢慢淘汰IE6了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
koeiol
2011-04-21 · TA获得超过677个赞
知道小有建树答主
回答量:126
采纳率:0%
帮助的人:172万
展开全部
你想要的特效这里基本都有。
ajax(点)open-open(点)com
这是ajax的开源空间,各种特效和现成的代码很多,你找找吧。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
情感家庭小导师
2011-04-21 · TA获得超过449个赞
知道小有建树答主
回答量:807
采纳率:0%
帮助的人:243万
展开全部
这里有个 不知道是你想要的不是 http://d.lanrentuku.com/down/js/kefu-589/这个是效果
这个是下载地址http://www.lanrentuku.com/js/kefu-589.html
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式