您的位置:首页 > 其它

页面中到达顶部和底部的按钮

2015-06-02 21:04 281 查看
到达页面顶部
方法1:
在body标签下面放<a href="" name='top' id='top'></a>
在页面底部放<a href="#top">返回顶部</a>

方法2:在需要返回顶部的地方放<a href="javascript:scrollTo(0,0);">返回顶部</a>
ps:scrollto(x,y)x,y表示左上角的偏移量
方法3:
不同于前面2个,缓慢移动到顶部。
<a href="javascript:gotop()" class="">gotop</a>放在页面中需要的位置
js 在下面
var timer=null;
function gotop() {
timer=setInterval(function () {
if($(document).scrollTop()>0){
window.scrollBy(0,-100);
}else{
clearInterval(timer);
}
},40)
}

到达页面底部
方法1:缓慢到达
<a href="javascript:gobutton();">返回顶部</a>
js 在下面
var timer=null;
function gobutton() {
timer=setInterval(function () {
if($(document).scrollTop()<$(document).height()-$(window).height()){
window.scrollBy(0,100);
}else{
clearInterval(timer);
}
},40)
}


View Code
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: