Javascript Girl
  1. Javascript Girl
  3. Le routage jQuery d'une page ne fonctionne pas
Intereting Posts
Accélérer les fonctions jQuery empty () ou replaceWith () lors du traitement des grands éléments DOM JQuery chaque () avec un délai Comment puis-je trouver l'emplacement du curseur (X / Y, pas ligne / colonne) dans une zone de texte HTML? Jquery datepicker ne fonctionne pas sur html créé dynamiquement Impossible d'obtenir les données de json de jQuery ajax call Angularjs injecte le fournisseur dans la fonction d'usine du module par nom de chaîne pour la minification JQuery Limite le nombre de requêtes simultanées AJAX Javascript Date pourquoi la date Date nouvelle ("2011-12-13") considérée un lundi et pas un mardi? JQuery pour animer l'image de gauche à droite? Prévention de plusieurs clics sur le bouton AngularJS Erreur: Module ngAnimate n'est pas disponible Comportement étrange de la déclaration 'retour' en JavaScript Retrait de 300 ms: en utilisant fastclick.js vs using ontouchstart Socket.io – ReferenceError: io n'est pas défini Node.js + MySQL & JSON-result – Rappel-problème et aucune réponse au client

Le routage jQuery d'une page ne fonctionne pas

J'utilise ce plugin jQuery pour obtenir un effet de défilement d'une page.

Cependant, comme vous pouvez le voir sur cette page , cela ne fonctionne pas et, à la place, il suffit de verrouiller le défilement.

JQuery fonctionne bien – je peux lancer une alerte par exemple. Le fichier CSS fourni avec le plugin pourrait-il être en conflit avec celui qui existe?

Merci d'avance pour votre aide!

Essayez d'appeler ces deux fichiers à partir de votre serveur

  1. https://raw.github.com/peachananr/onepage-scroll/master/jquery.onepage-scroll.min.js
  2. https://raw.github.com/peachananr/onepage-scroll/master/jquery.onepage-scroll.js

C'est pour empêcher les attaques XSS (cross-site scripting) Vérifiez plus de détails à ce sujet

Si vous souhaitez plus de compatibilité avec les anciens navigateurs tels que IE8, 9, Opera 12 … et quelques fonctionnalités supplémentaires, voici un autre excellent plugin pour cela, s'appelle fullPage.js :

  • Démonstration
  • Page

Certaines fonctionnalités ajoute à celle que vous utilisez:

  • Utilisez-le sur IE 8 et les anciens navigateurs sans support CSS 3.
  • Compatibilité avec les appareils tactiles
  • Beaucoup d'autres options et fonctions
  • Barre de défilement pour une meilleure expérience UX
  • Utilisation d'ancres dans l'URL
  • Ajoutez un menu en direct.
  • Faites glisser la page en utilisant les shorcuts de clavier (flèches, barre d'espace, pageUp / pageDown, home, end …)
  • Ajouter des curseurs horizontaux.