Implementé una biblioteca de barra lateral pegajosa que pretende ser fácil de usar, ya que eres libre de configurar la barra lateral y su CSS. La biblioteca solo le brinda un valor adicional como propiedad personalizada ( --push-down
) que puede usar en CSS para empujar la barra lateral a su posición actual.
El problema al que me enfrento es que el script causa nerviosismo masivo en la posición de la barra lateral en algunos dispositivos. Estos solo ocurren en el primer desplazamiento; si se ha desplazado por el sitio una vez, está funcionando bien.
Me gustaría saber por qué ese podría ser el caso (y si es posible solucionarlo. Si no, todavía quiero saber qué está sucediendo aquí).
El uso de funciones de aceleración no marca la diferencia aquí, como se describe aquí: https://stackoverflow.com/a/44779316/6336728 . Ya estoy usando el método sugerido de lectura de diseño en desplazamiento y escritura de diseño con requestAnimationFrame
.
Puse el código de mi repositorio de GitHub en este CodePen para probarlo rápidamente; solo la parte JS es relevante.