出现这个问题的原因是:当有鼠标连接时,即页面是由鼠标操作,会出现滚动条。用触摸屏唤起时,滚动条隐藏,只有在触摸屏上操作滚动时才会出现滚动条。
有时我们会希望滚动条一直出现,或者用滚动条来占位,比如fixed定位元素,y轴滚动条隐藏和显示,会引起定位元素的大小或位置不准确。也有时,希望将滚动条隐藏,一直不显示。
对此,我们可以将body设置为scroll,
body {
overflow-y:scroll;
height: 100vh;
/*在开始之初,就将页面置为可滚动状态*/
}