上下滚动底部导航显示隐藏

<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>

转载于:https://www.cnblogs.com/sjzgk/p/11439387.html