<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
<title></title>
<style>
* {
margin:0;
padding:0
}
header,footer {
width:100%;
height:80px;
background:lightblue;
}
.con {
height:calc(100vh - 160px);
overflow:scroll;
-webkit-overflow-scrolling: touch;
}
.list-box {
counter-reset: slideNum;
}
.list-box li {
list-style:none;
height:100px;
box-sizing:border-box;
border-bottom:5px solid #000;
background:pink;
}
.list-box li::before {
counter-increment: slideNum;
content: "[" counter(slideNum) "]";
}
</style>
</head>
<body>
<header></header>
<p class="con">
<ul class="list-box">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</p>
<footer></footer>
</body>
</html>
Sama seperti sekeping kod ini, kepala dan ekor ditetapkan, dan kandungan tengah ditatal Jika ketinggian tengah adalah 100% dan kepala dan ekor ditetapkan, bar skrol akan muncul di kepala dan ekor, iaitu. tidak dibenarkan (Hei). Jadi dalam kes ini, sebelum saya menemui -webkit-overflow-scrolling: touch;, penatalan iOS sangat tersekat sebelum ini Sekarang selepas menggunakan ini, iOS tidak mempunyai masalah, dan bar skrol dan perkara lain adalah baik. Kemudian ada sesuatu yang tidak kena dengan Android. Penatalan itu agak tidak normal, tetapi ia masih boleh diterima menatal dalam p dalam Android 4.2, dan kemudian dengan cepat Ia dibatalkan tanpa sebab dan tiada penyelesaian. Sebenarnya, soalan ini sepatutnya ditanya setahun yang lalu, pada masa itu, projek terminal mudah alih adalah ketat, jadi saya menyelesaikannya secara langsung dengan membetulkan kepala dan ekor, dan ketinggian tengah adalah 100%. daripada pembinaan semula, dan saya menghadapi masalah dengan bar skrol. Saya baru menemui satu lagi perubahan. Setahun yang lalu, telefon Android saya tidak mempunyai bar skrol dalam WeChat, QQ dan chrome Kini nexus6p saya mempunyai bar skrol dalam QQ dan chrome, tetapi tiada bar skrol dalam WeChat (saya tidak tahu sama ada Google telah mengemas kini sesuatu. ), tetapi projek utama adalah Untuk WeChat. Saya belum melihat telefon Android lain Mereka sekurang-kurangnya mempunyai bar skrol di WeChat Jadi adakah terdapat sebarang penyelesaian? Selain mensimulasikan bar skrol.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Gunakan pemalam skrol seperti iscroll dan better-scroll