Introduction à la manipulation du scrolling avec JavaScript
Objectifs
Les objectifs de cette vidéo sont d'apprendre à :
– Manipuler le scrolling d'une page avec JavaScript.
– Utiliser la fonction window.onload pour exécuter des scripts au chargement de la page.
– Ajuster les propriétés de padding dans les feuilles de style CSS pour améliorer l'apparence du menu.
Résumé
Apprenez à utiliser JavaScript pour faire en sorte que la fenêtre remonte légèrement au chargement de la page, en ajustant le padding de la page.
Description
Dans cette leçon, nous allons apprendre comment ajuster la position de la fenêtre lorsqu'une page se charge en utilisant JavaScript. Nous verrons comment insérer un script JavaScript dans une page d'index pour déclencher une fonction au chargement de la page. Cette fonction, nommée init, sera définie pour utiliser l'instruction window.scrollTo, permettant ainsi à la page de se repositionner de manière automatique. Nous aborderons également l'ajustement du padding CSS afin de faire apparaître complètement le menu au chargement. En fin de leçon, nous vérifierons les résultats dans un simulateur pour s'assurer de l'effet obtenu.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
