展開全部

html>

content="width=device-width,?user-scalable=no,?initial-scale=1.0,?maximum-scale=1.0,?minimum-scale=1.0">

TEST

h1{

margin:?0;

}

body{

margin:?0;

height:?100%;

background-color:?#f3f3f3;

}

.header?{

padding:?15px?0;

background-color:?#fff;

border-bottom:?1px?solid?#ccc;

text-align:?center;

width:?100%;

}

.fiexd?.header{

position:?fixed;

top:?0;

}

.fiexd?ul{

margin-top:?84px;

}

• 列表62616964757a686964616fe4b893e5b19e31333361326264?1

• 列表?2

• 列表?3

• 列表?4

• 列表?5

• 列表?6

• 列表?7

• 列表?8

我是一個(gè)標(biāo)題

• 列表?1

• 列表?2

• 列表?3

• 列表?4

• 列表?5

• 列表?6

• 列表?7

• 列表?8

• 列表?9

• 列表?10

• 列表?11

• 列表?12

• 列表?13

• 列表?14

• 列表?15

var?header?=?document.getElementsByClassName('header')[0];

var?body?=?document.body;

window.onscroll?=?function?()?{

var?scrollTop?=?document.documentElement.scrollTop?||?document.body.scrollTop;

console.log(scrollTop);

if(scrollTop?>?100)?{

body.className?=?'fiexd';

}?else?{

body.className?=?'';

}

}

總結(jié)

以上是生活随笔為你收集整理的移动端h5 顶部菜单栏_HTML5 移动端上 动态固定菜单栏的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。