Scrollbars donner aux téléspectateurs de votre site Web un moyen facile de naviguer dans de longs blocs de texte si elles n'ont pas les moniteurs suffisamment grande pour afficher tout le contenu simultanément, mais sur un site Web conçu avec soin défilement automatique peut également être inesthétiques et inutiles. Parce que les barres de défilement peuvent être contrôlés par CSS, ils peuvent être enlevés à la volée via JavaScript , en utilisant des attributs "style " de JavaScript . Instructions
1
Ouvrez le code source de votre page Web dans un éditeur HTML ou un éditeur de texte comme celui fourni avec votre système d'exploitation. Dans l'en-tête de votre page Web (le code entre le "
" et " " tags) ajoutez le code suivant , la création d'une fonction JavaScript pour cacher les barres de défilement :
< script type Photos hidescrollbars de la fonction
( id) - = " text /javascript "> Photos
< ! Page 2
Faites défiler jusqu'à l'élément de page qui est actuellement affichée avec une barre de défilement et vérifiez l'élément " l'id ", si elle n'en a pas , ajouter une balise unique - par exemple : «
" va affecter l'id " this_is_a_unique_id " à la div .
3
Ajouter une nouvelle ligne après la balise de fermeture de l'élément avec un simple < div> tag utilisé pour déclencher la cachette des barres de défilement de l'autre élément en utilisant son identifiant unique. Par exemple:
Hide
Photos
changement » this_is_a_unique_id " à la . ID de l'élément
4
Enregistrez le fichier et ouvrez la page Web dans votre navigateur , lorsque vous cliquez sur le bouton "Masquer" dans le document, la barre de défilement vertical fixé à l'autre élément va disparaître < . br>
