1. Méthode pour retirer les barres de défilement
Ajoutez simplement le débordement: attribut caché au corps. Il ne prendra pas effet sous IE6 et 7. Vous devez ajouter l'attribut de débordement: caché au HTML
Dans le style, IE6, 7 et d'autres navigateurs doivent être distingués par hack. En effet, lorsque la page est tirée ci-dessous, si le HTML ou le corps déborde: caché, la page sous la couche de bulbe transparente sera partiellement cachée normalement. L'écale de gris visible par visualisation transparente, la couleur spécifique est liée à la couleur d'arrière-plan définie par la plate-forme et l'utilisateur.
Après avoir retiré la barre de défilement dans le corps ou le HTML, la page aura une largeur de barre de défilement / 2 saut! Ce saut est très mauvais pour l'expérience utilisateur, alors ajoutez un rembourrage droit au corps, la taille est la largeur de la barre de défilement. La largeur de la barre de défilement sous la plate-forme Windows est de 17px. La largeur des barres de défilement de différents défilements sous la plate-forme Linux est incohérente. Vous pouvez utiliser le code pertinent pour calculer la largeur de la barre de défilement. Ce qui suit est un exemple de la plate-forme Windows.
Code connexe:
document.DocumentElement.style.csstext = 'Overflow: Aucun; + Overflow: Hidden; _overflow: Hidden;'; document.body.style.csstext = 'Overflow: Hidden; + Overflow: Aucun; _overflow: Aucun; Padding: 0 17px 0 0;';;
Le code ci-dessus ne considère pas si le HTML ou le corps a un style en ligne. Si le HTML ou le corps a un style en ligne, il doit être accumulé, sinon le style d'origine sera effacé.
2. Autres méthodes pour supprimer les dangers cachés défilent la page (empêcher la mauvaise opération)
Après avoir caché la barre de défilement, faire défiler la page avec la roue de la souris ne se déplacera pas. Je pensais que c'était OK, pas ...
Les raccourcis clavier peuvent également faire fonctionner certaines opérations de navigateur, liées aux pages de défilement, telles que: touches de haut en bas, de boutons de virage de page, etc. Pour les raccourcis clavier, ils doivent être annulés.
3. Ajouter un style de couche pop-up
Ajouter le style global au corps (compatible avec IE6)
hauteur: 100%;
Ajouter le style de défilement à la couche de balle
débordement-y: auto; largeur: 100%; hauteur: 100%; gauche: 0; _padding: 0 17px 0 0; // Bogue IE6, le rembourrage de l'élément parent est toujours valable après que l'élément enfant est absolument positionné
L'article ci-dessus sur le masque de couche pop-up JS et l'analyse des détails de la barre de défilement cachée de la page de défilement est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.