<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var Width =document.documentElement.clientWidth;//取得手机屏幕宽度
var Height = document.documentElement.clientHeight;
$(document).on('touchmove',function(){//将文档绑定手机滑屏事件
var TopVaule = document.body.scrollTop;
if(TopVaule>Height){
$(".top").css({display:'block'});
}else{
$(".top").css({display:'none'});
}
})
$(".top").click(function(){
$(document).scrollTop(0);
$(".top").css({display:'none'});
})
})
</script>
<script type="text/javascript">
$(function(){
var Width =document.documentElement.clientWidth;//取得手机屏幕宽度
var Height = document.documentElement.clientHeight;
$(document).on('touchmove',function(){//将文档绑定手机滑屏事件
var TopVaule = document.body.scrollTop;
if(TopVaule>Height){
$(".top").css({display:'block'});
}else{
$(".top").css({display:'none'});
}
})
$(".top").click(function(){
$(document).scrollTop(0);
$(".top").css({display:'none'});
})
})
</script>

本文介绍了一种使用jQuery实现的手机网页中监听屏幕滚动的方法。通过获取设备屏幕尺寸,并利用touchmove事件,当用户滚动页面超过一定距离时,显示返回顶部按钮;点击该按钮后,页面会立即回到顶部。
390

被折叠的 条评论
为什么被折叠?



