比较常用的一个功能,只需要一个简单的函数就可以滑动到任意你需要的地方,默认点击之后是返回顶部。
function scrollTo(ele, speed){ if(!speed) speed = 300; if(!ele){ $("html,body").animate({scrollTop:0},speed); }else{ if(ele.length>0) $("html,body").animate({scrollTop:$(ele).offset().top},speed); } return false;}
使用方法:
1.滑动到顶部,速率为0.3秒
scrollTo();
2.滑动某个元素的位置。
a.滑动id为item scrollTo('#item',300);b.滑到某个标签item scrollTo('.item');
javascript版本
或者某个元素offsetTop兼容代码
function getElementPosition(e) { var x = 0, y = 0; while (e != null) { x += e.offsetLeft; y += e.offsetTop; e = e.offsetParent; } return { x: x, y: y }; }
零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。