Javascript Girl
  1. Javascript Girl
  3. Comportement de barre de défilement personnalisé en Javascript?
Intereting Posts
Chargeurs Javascript avec jQuery Sélecteur de classe le plus proche jQuery Lire les noms de fichiers dans un dossier local dans une page HTML Erreur sur la ligne 39 à la colonne 26: préfixe de l'espace de noms xlink pour href sur le script n'est pas défini Changer dynamiquement le script google maps src avec select Animation angular2 avec styles variables Sélectionnez la base d'option sur la clé de propriété en valeur Tidiant html avec ckeditor Comment communiquer entre iframe et le site parent? Exemple simple sur la façon d'utiliser l'intersection KevLinDev Les objets nichés par knock-end Javascript ne fonctionnent pas Empêcher la fonction Javascript de manquer de mémoire car trop d'objets Nombre de mots dans AngularJS React.js problème de focus de curseur de texte contrôlé Réagir en utilisant jquery to slideToggle

Comportement de barre de défilement personnalisé en Javascript?

Je voudrais reproduire un effet similaire à cette page: http://artofflightmovie.com/ où la barre de défilement verticale contrôle la progression de la "fenêtre" du navigateur sur un chemin prédéfini.

Je pense que la façon la plus simple d'y parvenir est l'utilisation de javascript pour lire la valeur de la barre de défilement et positionner les éléments de fond en conséquence.

Est-il possible d'obtenir la valeur de barre de défilement verticale en Javascript? Est-ce que je suis proche de ce design?

Est-il possible d'obtenir la valeur de barre de défilement verticale en Javascript? 

var scrollTop = document.documentElement.scrollTop || window.pageYOffset;

Est-ce que je suis proche de ce design?

Cela semble être une approche valable.

Je pense que vous voudrez:

  1. Créez un élément avec la barre de défilement souhaitée
  2. Raccordez un gestionnaire d'événements pour les événements de défilement
  3. Écrivez la logique dans ce gestionnaire d'événements pour savoir comment vous guider votre page principale en fonction de la position de défilement que vous obtenez dans le gestionnaire d'événements