Es necesario desplegar una página similar al círculo de amigos hacia abajo para actualizar y subir para cargar, y todos los cuadros emergentes, como el cuadro de entrada para comentarios, el cuadro emergente para el botón de operación de dar me gusta y compartir, etc. debe estar oculto cuando la página se desplaza; cuando aparece, activará una actualización cuando se levanta o se bajará y llegará al fondo bien, pero no se pudo escuchar el desplazamiento; finalmente lo hice bien.
<html>
<style>
html, body {
height: 100%;
}
#app{
height: 100%; overflow-y: auto; //重点
}
</style>
<body>
<div id="app">
<van-pull-refresh v-model="refreshing" @refresh="onRefresh" >
<van-list>
</van-list>
</van-pull-refresh>
</div>
</body>
</html>
Estilo:
Actualizar y lista no agregan CSS, la atención se centra en la altura de la aplicación: 100%; overflow-y: auto;
PD: el desplazamiento solo se puede monitorear cuando el cuadro tiene una altura fija y se puede desplazar, y el desplazamiento de la página de monitoreo también se monitorea. Esta altura fija se puede monitorear El cuadro de desplazamiento
js
ingresa a la página
document.getElementById('app').addEventListener('scroll', this.scroll)
sale de la página
document.getElementById(' aplicación').removeEventListener('desplazamiento', this.scroll)
Si encuentra algún problema, manténgalo como referencia.