php搜索固定,固定搜索框滚动条

页面滚动条下移一定距离实现【固定的导航】

*{margin: 0;padding: 0;}

#main{width: 100%;height: 70px;background: #ccc;line-height: 70px;text-align: center;}

#box{width: 100%;height: 50px;background: #f00;line-height: 50px;text-align: center;

position: fixed;top: 0;

display: none;

}

input{width: 700px;height: 40px;border: 0;border-radius: 30px;}

.main{height: 1500px;margin: 0 auto;background: pink;}

window.οnlοad=function(){

document.οnscrοll=function(){

if(document.documentElement.scrollTop>300){

document.getElementById('box').style.display="block";

}else{

document.getElementById('box').style.display="none";

}

}

}