Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment désactiver la barre de défilement horizontale Style HTML

Vous pourriez penser que toutes les fonctions du navigateur sont inaccessibles, mais qui est pas vrai. Concepteurs de site avec un peu de Cascading Style Sheet (CSS) connaissances peuvent manipuler certaines fonctionnalités du navigateur, comme la barre de défilement. Les barres de défilement horizontales et verticales apparaissent sur une page Web où le contenu de la page dépasse les dimensions du navigateur. Cela permet aux utilisateurs de voir que le contenu en ajustant les barres de défilement. Pour désactiver la barre de défilement horizontale, vous pouvez ajouter une seule propriété CSS à votre document HTML.

Instructions

  1. Ouvrez votre éditeur HTML et de charger un document HTML.

  2. Collez le code suivant dans votre document de "tête" section:

    html {

    overflow-x: hidden-




    }

    Cette déclaration CSS définit l'élément HTML de "débordement" propriété. En fixant la valeur de cette propriété pour "caché," vous empêchez les barres de défilement horizontales d'apparaître dans le navigateur.

  3. Collez le texte suivant dans le document de "corps" section:

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    Ajout d'une longue chaîne de texte tel que cela provoque la plupart des navigateurs pour afficher une barre de défilement horizontale. En ajoutant ce texte à votre document HTML, vous pouvez vérifier que la déclaration de CSS que vous avez fait à l'étape 2 empêche la barre de défilement d'apparaître.

  4. Enregistrez votre document et l'afficher dans un navigateur. Vous ne verrez une barre de défilement horizontale. Réduire le navigateur à la moitié de sa taille. Une barre de défilement horizontale ne sera toujours pas apparaître.

Conseils & Avertissements

  • Pour prouver que le code CSS désactivé la barre de défilement horizontale, revenir à la "style" section et remplacer le mot "caché" avec "auto." Cela indique les navigateurs pour afficher la barre de défilement horizontale lorsque le contenu déborde horizontalement. Rappelez-vous que les utilisateurs ne seront pas en mesure d'afficher un tel contenu parce qu'ils auront aucune barre de défilement horizontale.

Questions connexes

» » » » Comment désactiver la barre de défilement horizontale Style HTML