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

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

posted @ 2019-08-31 16:02  Gk°¯  阅读(188)  评论(0编辑  收藏  举报