上下滚动底部导航显示隐藏
<script>
window.onscroll = function () {
if (document.documentElement.scrollTop + document.body.scrollTop > 50) {
document.getElementById("scrollto").style.display = "none";
document.getElementById("menu").style.display = "none";
}
else {
document.getElementById("scrollto").style.display = "block";
}
}
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
、、、/////////////////////////////////////////////////////////////////////////////////////////////////////////////
//setTimeout(function(){},0)原理是,将函数执行完毕后,浏览器立即进行清除操作,有时间先后问题
$(document).ready(function(){
var p=0,t=0;
$(window).scroll(function(e){
p = $(this).scrollTop();
if(t<=p){//向下滚
document.getElementById("scrollto").style.display = "none";
document.getElementById("menu").style.display = "none";
}else{//向上滚
document.getElementById("menu").style.display = "block";
}
setTimeout(function(){t = p;},0);
});
});
</script>