Lorsque vous étudiez le système de communiqué de presse de la poitrine de boeuf aujourd'hui, le professeur de poitrine de boeuf a parlé de certaines connaissances sur les barres de défilement. Pas beaucoup mentionné, mais impliquait une partie des connaissances sur les barres de défilement. Si vous voulez étudier en profondeur, ce n'est pas suffisant. Vous devez collecter vous-même des connaissances pertinentes.
J'ai dit qu'un phénomène devait être courant pour tout le monde. Lors de la suppression de certaines choses sur une page Web, la barre de défilement supprime souvent la position avant la chose, plutôt que de courir en haut de la page de manière très inhumaine. Alors, comment est-ce mis en œuvre? En fait, la méthode est très simple. Il vous suffit d'ajouter MAINTAINSCROLLPOSITIONONPOSTBABLE = TRUE à la partie supérieure du code source de .aspx. Voir l'image ci-dessous:
Le phénomène ci-dessus a été rencontré lors de l'apprentissage du système de communiqué de presse de la poitrine de boeuf. Permettez-moi de partager avec vous quelques autres conseils sur l'utilisation des barres de défilement HTML.
(1) Masquer la barre de défilement
<BodyStyle = Overflow-X: Hidden; Overflow-y: Hidden>
(2) comment apparaître dans une cellule ou une couche
<divStyle = Largeur: 200px; hauteur: 200px; overflow-x: auto; overflow-y: auto;> </div>
(3) JavaScript modifie le style de la barre de défilement dans le cadre, comme changer la couleur, le changer en effet plat, etc.
<Style>
Body {Scrollbar-Face-Color: # ffcc99;
Scrollbar-Highlight-Color: # FF0000;
Scrollbar-Shadow-Color: #FFFFFF;
Scrollbar-3Dlight-Color: # 000000;
Scrollbar-Arrow-Color: # FF0000;
Scrollbar-Track-Color: # DEE0ED;
Scrollbar-Darkshadow-Color: # FFFF00;}
</ Style>
illustrer:Scrollbar-3Dlight-Color: Couleur; Définir ou récupérer la couleur de bordure vive de la barre de défilement;
Scrollbar-Highlight-Color: Couleur; Définir ou récupérer la couleur du bord vif de l'interface 3D de la barre de défilement;
Color à barre de défilement: couleur; Réglez ou récupérez la couleur de la surface 3D de la barre de défilement;
Color à barre de défilement: couleur; Définir ou récupérer la couleur de la flèche de direction de la barre de défilement; Cette propriété n'est pas valide lorsque la barre de défilement apparaît mais n'est pas disponible;
Scrollbar-Shadow-Color: Couleur; Définir ou récupérer la couleur du bord foncé de l'interface 3D de la barre de défilement;
Scrollbar-Darkshadow-Color: Couleur; Définir ou récupérer la couleur de bordure foncée de la barre de défilement;
Color à barre de défilement: couleur; Définir ou récupérer la couleur de référence de la barre de scroll. D'autres couleurs d'interface seront automatiquement ajustées en conséquence.
Scrollbar-Track-Color: Couleur; Définir ou récupérer la couleur de la zone de traînée de la barre de défilement
Remarque:Le code couleur que vous souhaitez définir pour vous peut être en hexadécimal, comme # FF0000, qui peut être représenté dans RVB, comme RVB (255,0,255); Lorsque vous définissez le style de barre de défilement, vous n'avez pas besoin d'utiliser tous les attributs pour prendre effet.
(4) Positionnement de l'élément de page en javascript
ClientX et Clienty sont la position actuelle de la souris par rapport à la page Web. Lorsque la souris est dans le coin supérieur gauche de la page, clientx = 0, client = 0;
Offsetx et Offsety sont la position actuelle de la souris par rapport à une certaine zone de la page Web. Lorsque la souris est située dans le coin supérieur gauche de cette zone dans la page, OFFSETX = 0, OFFSETY = 0;
ScreenX et Screeny sont la position de la souris par rapport à l'ensemble de l'écran de l'utilisateur;
x et y sont la position actuelle de la souris par rapport au navigateur actuel
Scrollleft: définissez ou obtenez la distance entre la limite gauche de l'objet et l'extrémité la plus à gauche du contenu actuellement visible dans la fenêtre (car il y a une barre de défilement, le contenu visible actuel sur la page est incertain).
ScrollTop: définit ou obtient la distance entre le haut de l'objet et le haut du contenu visible dans la fenêtre.
Gauche: la coordonnée x de l'objet par rapport à la page.
en haut: la coordonnée y de l'objet par rapport à la page
(5) Sélection des blocs, clic droit, etc.
<body onContextMenu = self.event.returnvalue = falseRelectStart = return false>
Le petit exemple suivant est de définir automatiquement la barre de défilement en fonction de la taille du formulaire
Copier le code