Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Way to get the amount that current page is in view

Abierto
#4,311 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Nueva funcionalidad
Claridad
Necesita aclaración
Estado de actividad
Tranquilo
Stack tecnológico
javascript
Área
frontend, mobile

Línea de trabajo

Comienza rastreando el evento swipebackMove existente y el manejo de la transición de página al que alimenta. Compara el comportamiento de transición de iOS y MD descrito en el issue y, a continuación, determina dónde podría exponerse un valor persistente de vista o de progreso de transición. Se considera terminado cuando el valor sigue disponible después de que finaliza el gesto y refleja el progreso de transición relevante para ambos modos.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

I want to animate page content in and out based on the "in-view amount" of the page.

I know that f7 has an event that I can listen to: 'swipebackMove'. But it only returns the progress while the user actively swipes. When they let go, the animation breaks. I would like to get that decimal between 0 and 1 regardless of their swiping action.

My solution would be to listen to the position of the current page and its relation to the window's inner width. Not very elegant.

Also, one might not want the actual amount that page is in view, which works for iOS, but the animation progress (or 'transition progress'), as for MD, the distance that the page travels is way shorter.

Lenguaje dominante
JavaScript
Estrellas
18.8k
Forks
3.2k
Métricas de merge de PR
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de framework7io/framework7

Todos los issues de framework7io/framework7

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.