Barre de défilement personnalisée utilisant jquery pour iframe avec l’URL du client

J’ai un client qui veut que j’ajoute une barre de défilement personnalisée à un iframe. Dans l’iframe, j’apporte le site Web de vente au détail des clients, de sorte que la hauteur de la page ne rest pas la même tout le temps.

Sur ce site, cliquez sur le lien “Opportunités pour le commerce de détail” et un modal s’ouvre avec leur site de carrière pour le commerce de détail. J’ai essayé d’append une barre de défilement personnalisée, mais je rencontrais des problèmes lorsque je cliquais sur la navigation dans les travaux, car la page était longue. Dû l’enlever car il ne défilerait pas au-delà de la hauteur initiale de la page d’accueil.

http://careers-adidas-group-com.tmpqa.com/

Est-ce que quelqu’un sait de tout jQuery qui fonctionnera peu importe quelle est la hauteur. Je cherche toujours dans l’intervalle.

Merci Debbie

Il y a beaucoup de plugins jQuery scrollbar:

  • Barre de défilement jQuery
  • jScrollPane
  • mCustomScrollbar
  • barre de défilement parfaite
  • slimScroll
  • Scroller
  • Barre de défilement personnalisée jQuery
  • baron
  • NiceScroll

Certains meilleurs, certains pires, certains peuvent offrir des fonctionnalités supplémentaires dont vous pourriez avoir besoin. Je recommande le premier, mais tout dépend de vous (vous pouvez comparer les fonctionnalités des barres de défilement dans cette feuille de calcul ). Pour utiliser la barre de défilement personnalisée dans iFrame, vous devez pouvoir modifier le contenu de la page iFrame pour y inclure des styles, des scripts et apporter les modifications nécessaires à la structure HTML. Voici un exemple d’utilisation de la barre de défilement jQuery dans iFrame.

La librairie jQuery que j’ai toujours utilisée était Perfect Scrollbar. Son bien documenté, largement utilisé et est facile à installer.

Démo et téléchargement: Cliquez ici

J’espère que c’est ce dont vous avez besoin