The examples in this article share the specific code of js suspended navigation for your reference. The specific content is as follows
<head>
<meta charset="UTF-8">
<title>Suspension navigation</title>
<style>
* {
margin: 0px;
padding: 0px;
}
ul li{
list-style: none;
}
body{
height: 2000px;
}
#top{
height: 300px;
width: 100%;
background-color: red;
}
#nav{
height: 50px;
line-height: 50px;
width: 100%;
background-color: pink;
}
#nav ul{
width: 1200px;
margin: 0 auto;
}
#nav ul li{
float: left;
width: 164px;
text-align: center;
}
</style>
</head>
<body>
<div >
top
</div>
<div >
<ul>
<li>front page</li>
<li>front page</li>
<li>front page</li>
<li>front page</li>
<li>front page</li>
<li>front page</li>
<li>front page</li>
</ul>
</div>
</body>
<script>
var ad = ("nav")
= function(){
var _top = || ;//compatible if(_top>=300){
= "fixed";
= 0 +"px";
}else{
= "absolute";
= 300+"px";
}
}
</script>
The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.