javascript - Comment réaliser une commutation coulissante sur une page mobile afin qu'elle puisse glisser de 1 à 2 mais ne puisse pas revenir de 2 à 1?

Question

La première page est la page du guide et la deuxième page est la page d'accueil. Faites glisser votre doigt vers le haut sur la première page du téléphone mobile pour afficher la deuxième page (page d'accueil). Après avoir accédé à la page d'accueil, vous ne pouvez pas revenir à la première. page. Vous avez essayé de glisser mais cela n'a pas résolu le problème ? Puis-je demander comment le résoudre ?

Answer 1

Il existe de nombreuses façons, comme en masquer ou en supprimer une directement après avoir glissé de un à deux.

Essentiellement, il s’agit d’empêcher le processus de retour de deux à un.

Answer 2

La bibliothèque qui encapsule la paire complète devrait être capable de configurer des hooks pour vous. Jetez un œil à la documentation et voyez s'il existe des méthodes comme
beforeSwipe ou ShouldSwipe
Le plus simple est de définir une variable et de la définir sur false après le déclenchement. ;
var swipable = true;
function swipe(e) {

if ( !swipable ) return e.preventDefault();
swipable = false;

}