Partage de conseils sur l'utilisation des barres de défilement dans la production de pages HTML_HTML/Xhtml

Aujourd'hui, lorsque j'étudiais le Beef News Release System, M. Beef a parlé de certaines connaissances sur les barres de défilement. Il n'a pas mentionné grand-chose. Si vous souhaitez étudier en profondeur, celles-ci. ne suffisent pas. Vous devez collecter vous-même certaines connaissances pertinentes. Connaissances Je dirais qu'un phénomène commun doit être commun à tout le monde, c'est-à-dire que lors de la suppression de quelque chose sur une page Web, la barre de défilement est souvent toujours en position. avant de supprimer la chose, au lieu de courir vers le haut de la page d'une manière très inhumaine, alors comment y parvenir ? En fait, la méthode est très simple. Il vous suffit d'ajouter EnsureScrollPositionOnPostback = "true" dans la partie supérieure. du code source .aspx. Voir l'image ci-dessous : Le phénomène ci-dessus a été rencontré lors de l'apprentissage du système de diffusion de nouvelles de Brisket. Permettez-moi de partager avec vous quelques autres conseils sur l'utilisation des barres de défilement HTML (1) Masquer les barres de défilement (2) Comment afficher les barres de défilement dans les cellules ou les calques (3)javascript modifie le style de la barre de défilement dans le cadre, par exemple en changeant la couleur ou en la changeant en plat Effets, etc. BODY {SCROLLBAR-FACE-COLOR : #ffcc99 ; SCROLLBAR-HIGHLIGHT-COLOR : #ff0000 ; 🎜> SCROLLBAR-3DLIGHT-COLOR : #000000 ; SCROLLBAR-ARROW-COLOR : #ff0000 ; SCROLLBAR-DARKSHADOW-COLOR : #ffff00 ;} &lt ;/STYLE>

Description :

scrollbar-3dlight-color:color; Définit ou récupère la couleur de la bordure lumineuse de la barre de défilement scrollbar-highlight-color:Set; ou récupérer la barre de défilement La couleur du bord brillant de l'interface 3D de la barre de défilement ; scrollbar-face-color:color; Définit ou récupère la couleur de la surface 3D de la barre de défilement scrollbar-arrow-color:color; Définit ou récupère la couleur de la flèche de direction de la barre de défilement ; Lorsque la barre de défilement apparaît mais n'est pas disponible, cette propriété n'est pas valide scrollbar-shadow-color:color ; Définit ou récupère la couleur du bord sombre de l'interface 3D de la barre de défilement ; ; scrollbar-darkshadow-color:color; Définit ou récupère la couleur de la bordure sombre de la barre de défilement; scrollbar-base-color:color; Les autres couleurs de l'interface seront automatiquement ajustées en conséquence. scrollbar-track-color:color; Définit ou récupère la couleur de la zone de déplacement de la barre de défilement

Remarque :

color est le code couleur que vous souhaitez définir, qui peut être hexadécimal. , tel que #FF0000, peut être exprimé en RVB, tel que rgb(255,0,255) ; lors de la définition du style de la barre de défilement, il n'est pas nécessaire d'utiliser tous les attributs pour que cela prenne effet. (4) Positionnement des éléments de la page en javascript clientX, clientY sont la position actuelle de la souris par rapport à la page Web. Lorsque la souris est située dans le coin supérieur gauche de la page, clientX=0, clientY. =0; offsetX, offsetY sont la souris La position actuelle par rapport à une certaine zone de la page Web. Lorsque la souris est située dans le coin supérieur gauche de cette zone de la page, offsetX=0, offsetY=0; screenX, screenY sont les positions de la souris par rapport à tout l'écran de l'utilisateur ; x, y sont la position actuelle de la souris par rapport au navigateur actuel scrollLeft : définit ou obtient la distance entre la gauche bord de l'objet et l'extrémité la plus à gauche du contenu actuellement visible dans la fenêtre (en raison de la génération de la barre de défilement, la page en cours On voit que le contenu 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 : Abscisse de l'objet par rapport à la page. haut : coordonnée Y de l'objet par rapport à la page (5) Sélection du bouclier, clic droit, etc. Ce petit exemple suivant consiste à définir automatiquement la barre de défilement en fonction de la taille du formulaire

Copiez le code Le code est le suivant : .TopDIV { position : absolue ; gauche : 130 px ; haut : 10 px ; largeur : 105 ; hauteur:30; débordement-x: caché ; débordement-y:auto; flotter : à droite ; style de bordure.:solide; largeur de la bordure :; border-color:rouge } .LeftDIV { position : absolue ; gauche : 10 px ; haut : 40 px ; largeur : 120 ; hauteur:60; débordement-x: caché ; débordement-y: caché ; flotter : à droite ; style de bordure.:solide; largeur de la bordure :; border-color:jaune } .MainDIV { position : absolue ; gauche : 130 px ; haut : 40 px ; largeur:120;; hauteur : 80 ; débordement-x:auto; débordement-y:auto; flotter : à droite ; style de bordure.:solide; largeur de la bordure :; border-color:bleu } function setStyle() { //145的由来LeftDiv的left width 15（15是滚动条的宽度） document.getElementById("a").style.width=document. corps.clientWidth - 145 ; //130的由来LeftDiv的largeur gauche document.getElementById("c").style.width=document.body.clientWidth - 130; //55的由来TopDIV的top height 15（15是滚动条的宽度） document.getElementById("b").style.height=document.body.clientHeight - 55; //40的由来TopDIV的top height document.getElementById("c").style.height=document.body.clientHeight - 40; } 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 3234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 4234567890ABCDEFGHIJKLMNOPQRS TUVWXYZ 5234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 6234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 7234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 8234567890ABCDEFGHIJKL MNOPQRSTUVWXYZ 9234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 0234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEF GHIJKLMNOPQRSTUVWXYZ class="MainDIV"> 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 3234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 4234567890ABCDEFGHIJKLMNOPQRS TUVWXYZ 5234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 6234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 7234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 8234567890ABCDEFGHIJKL MNOPQRSTUVWXYZ 9234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 0234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEF GHIJKLMNOPQRSTUVWXYZ L'utilisation des barres de défilement est très courante et il existe de nombreuses connaissances connexes à ce sujet. J'espère pouvoir continuer à apprendre et à résumer, afin que ma capacité d'apprentissage et mon efficacité d'apprentissage puissent être améliorées dans une certaine mesure. .

Partage de conseils sur l'utilisation des barres de défilement dans la production de pages HTML_HTML/Xhtml_Web