interface Web
tutoriel HTML
client/scroll/offset width/height/top/left -记第一篇博客_html/css_WEB-ITnose
client/scroll/offset width/height/top/left -记第一篇博客_html/css_WEB-ITnose
client/scroll/offset width/height/top/left (盒模型为contentBox，定位原点是元素左上角边框最外层的交点)
clientWidth width+左padding+右padding(如果有竖滚动条，那么要减去17px)
clientHeight height+上padding+下padding(如果有横滚动条，那么要减去17px)
clientTop border-top-width上边框宽度
clientLeft border-left-width 左边框宽度
offsetHeight 同下
offsetWidth borderLeftWidth + paddingLeft + width + paddingRight + borderRightWidth
offsetLeft 当前元素原点相对于定位父元素左上角边框最内层交点的左偏移量
offsetTop 当前元素原点相对于定位父元素左上角边框最内层焦点的上偏移量
offsetParent 相对于偏移的父元素
scrollHeight
如果元素无竖滚动条，paddingLeft + width + paddingRight.
如果有竖滚动条，那么和内容占用的宽度有关，具体怎么算的还没搞清楚。
scrollWidth
类似上面
scrollLeft 横滚动条滚过的长度
scrollTop 竖滚动条滚过的长度
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Qu'est-ce qu'un bouton de défilement ?
Feb 22, 2023 pm 02:29 PM
scroll est la touche de verrouillage du défilement, une touche de fonction sur un clavier d'ordinateur. La touche de défilement est couramment utilisée dans Word et Excel. Lorsque le verrouillage du défilement est désactivé et que la touche de changement de page est utilisée, la zone de cellules sélectionnée se déplace, mais lorsque la touche de verrouillage du défilement est enfoncée, la zone sélectionnée ne bouge pas ; .de cellules.
Quelle touche reste-t-il sur le clavier ?
Mar 13, 2023 pm 02:27 PM
Le clavier gauche est la touche de direction gauche et la droite est la touche de direction droite. Généralement, le clavier est remplacé par des symboles ou des flèches. Certains claviers sont étiquetés en anglais. Le clavier est un périphérique de commande et de saisie de données utilisé pour faire fonctionner l'équipement. , et fait également référence à la disposition du système. Un ensemble de touches de fonction qui font fonctionner une machine ou un équipement.
Que signifie la largeur du HTML ?
Jun 03, 2021 pm 02:15 PM
En HTML5, width signifie width. L'attribut width définit la largeur de la zone de contenu de l'élément. Vous pouvez ajouter des marges intérieures, des bordures et des marges extérieures en dehors de la zone de contenu. élément.
Que signifie le voyant de défilement du clavier ?
Feb 20, 2023 pm 01:42 PM
Le voyant de défilement du clavier allumé signifie que le « Scroll Lock » est activé ; la touche Scroll Lock n'est pas utilisée dans le système Win, mais certains logiciels utiliseront cette touche de fonction. Après avoir appuyé sur cette touche, les touches Excel haut et bas se verrouillent lorsque. défilement. Le curseur fait défiler la page ; si vous relâchez cette touche, l'appui sur les touches haut et bas fera défiler le curseur sans faire défiler la page.
Explication détaillée des propriétés des dimensions CSS : hauteur et largeur
Oct 21, 2023 pm 12:42 PM
Explication détaillée des propriétés des dimensions CSS : hauteur et largeur Dans le développement front-end, CSS est un puissant langage de définition de style. Parmi eux, la hauteur et la largeur sont les deux attributs de dimension les plus élémentaires, utilisés pour définir la hauteur et la largeur de l'élément. Cet article analysera ces deux propriétés en détail et fournira des exemples de code spécifiques. 1. Attribut Height L'attribut height est utilisé pour définir la hauteur d'un élément. Vous pouvez utiliser le pixel, le pourcentage ou
Pare-feu Linux
Feb 19, 2024 pm 06:24 PM
Le service pare-feu pare-feu firewalld a deux modes de fonctionnement : CLI et GUI. Par rapport à iptables, le pare-feu prend en charge les mises à jour dynamiques et introduit le concept de zone. En bref, une zone fait référence à un ensemble de politiques de pare-feu prédéfinies par le pare-feu, qui permet de basculer rapidement ces politiques entre les pare-feu, améliorant ainsi considérablement l'efficacité de commutation et la vitesse d'application du pare-feu. La règle de stratégie par défaut de la zone de confiance permet à tous les paquets home de refuser le trafic entrant, mais les services ssh, mdns, ipp-client et dhcpv6-client sont autorisés à passer par l'équivalent interne du travail de la zone home et à refuser le trafic entrant, mais
Comment comprendre le défilement
May 23, 2023 pm 01:40 PM
scroll width et height scrollHeight scrollHeight représente la hauteur totale de l'élément, y compris la partie invisible qui ne peut pas être affichée sur la page Web en raison d'un débordement scrollWidth scrollWidth représente la largeur totale de l'élément, y compris la partie invisible qui ne peut pas être affichée sur le Web page en raison d'un débordement [Note] IE7-Browser La valeur de retour est inexacte [1] Lorsqu'il n'y a pas de barre de défilement, les attributs scrollHeight et clientHeight sont égaux et les attributs scrollWidth et clientWidth sont égaux //120120console.log(test.scrollHeight ,test.s
Comment utiliser v-on:scroll pour écouter les événements de défilement dans Vue
Jun 11, 2023 pm 12:14 PM
Vue est actuellement l'un des frameworks frontaux les plus populaires. En plus de la surveillance des événements courants, Vue fournit également une instruction pour surveiller les événements de défilement, à savoir v-on:scroll. Cet article présentera en détail comment utiliser v-on:scroll pour écouter les événements de défilement dans Vue. 1. Utilisation de base de l'instruction v-on:scroll L'instruction v-on:scroll est utilisée pour surveiller les événements de défilement des éléments DOM. Son utilisation de base est la suivante : <divv-on:scroll="sc.
