Qu'est-ce que cela signifie pour le bord d'un élément CSS d'être "à l'extérieur" du bord de la boîte de défilement ?

Quelle est la bonne façon d’interpréter la spécification suivante ? "Si le bord de l'élément A et le bord de l'élément B sont tous deux à l'extérieur du bord de la boîte de défilement A et du bord de la boîte de défilement B, ne faites rien." Source : https://drafts.csswg.org/cssom-view/#d...

P粉763748806 2024-01-16 23:45:09 0  1  547

Impossible de faire défiler jusqu'à la partie de débordement de l'élément au-dessus de la page

Si je redimensionne la page, les éléments débordent au-dessus de la fenêtre et je ne peux pas faire défiler vers le haut pour les voir. J'ai trouvé une question avec une solution mais cela n'a pas fonctionné. J'ai deux divs invisibles "de base" et un élément div qui contient tout le conten...

P粉041881924 2023-08-30 21:41:10 0  2  621

javascript - Pourquoi l'événement scroll n'empêche-t-il pas le bouillonnement?

L'exigence est que lorsque la souris se trouve à l'intérieur d'un élément avec une barre de défilement sur la page, l'événement scroll soit déclenché pour empêcher le défilement du corps d'être déclenché en même temps. Pour parler franchement : lorsque la souris roule à l’intérieur du div, même si l...

PHP中文网 2017-07-05 11:07:59 0  6  4274

Comment calculer le pourcentage de position de défilement d'un élément ?

Je souhaite calculer la position de défilement d'un élément dans une fenêtre en pourcentage. 0% est l'endroit où le haut de l'élément est en bas de la fenêtre (pas encore affiché) 100% est l'endroit où le bas de l'élément est en haut de la fenêtre (tous les éléments sont affichés) Je suis proche, ma...

P粉786800174 2024-04-03 19:55:00 0  1  660

javascript - Comment déterminer si un élément a défilé vers le bas de la zone visible de l'écran?

Un élément était initialement situé au-dessus du bas de la zone visible de l'écran. Lorsque la barre de défilement défilait vers le haut, l'élément touchait le bas de l'écran. Je souhaite déclencher une fonction lorsque l'élément touche le bas de l'écran. Alors, comment puis-je capturer l’élément to...

给我你的怀抱 2017-05-19 10:26:18 0  3  782

javascript - Comment empêcher une page de sauter lorsque la barre de défilement de la page apparaît

Comment empêcher la page de sauter lorsque la barre de défilement de la page apparaît Prérequis : 1. Elle doit être compatible avec ie8+2 et la hauteur de la page dépend du contenu (c'est-à-dire s'il s'agit d'une hauteur fixe) Problème : la valeur par défaut la barre de défilement des navigateurs mo...

迷茫 2017-06-26 10:54:16 0  1  943

Comment implémenter le défilement vers une variable d'un élément spécifié dans Vue 3 ?

J'ai la fonction suivante en JavaScript pur pour faire défiler jusqu'à un élément, je souhaite convertir ce code en Vue3. varsource=''functionshowScrollInto(currentLocation,toLocation){source=currentLocation//L'emplacement renvoyé après avoir masqué la pièce document.getElementById(toLocation).style...

P粉060528326 2023-08-28 20:17:07 0  1  631

Empêcher scrollIntoView() de faire défiler le conteneur vers le haut de la page

J'essaie de créer un carrousel d'images simple "principalement CSS" qui utilise l'accrochage au défilement mais dispose également de boutons de navigation pour contrôler la diapositive actuellement affichée. La seule solution que j'ai trouvée est d'utiliser scrollIntoView() sur l'élément c...

P粉690200856 2024-03-26 20:25:28 0  1  497

Le dégradé d'arrière-plan CSS ne couvre pas la totalité de la page (y compris le contenu défilant)

Je rencontre des problèmes avec un dégradé d'arrière-plan CSS dans un document HTML. J'ai conçu une page qui utilise un dégradé linéaire comme arrière-plan et le place sur l'élément body. Le problème auquel je suis confronté est que le dégradé semble se terminer là où l'écran se termine initialement...

P粉506963842 2023-09-12 13:20:09 0  2  724

La racine d'un IntersectionObserver utilisant getElementById est toujours nulle

Dans un projet Angular, je souhaite limiter la fenêtre d'affichage d'un IntersectionObserver à une partie spécifique du DOM. Je définis l'élément à utiliser en tant que root en utilisant l'identifiant : <divid="container"><divclass="page-list"><infinite-scroll-page...

P粉501683874 2024-03-29 00:07:25 0  1  441

javascript - Utiliser Canvas pour implémenter une signature électronique, positionner les coordonnées de la souris dans le Canvas

Lorsque vous essayez d'utiliser le canevas pour implémenter une signature électronique, les coordonnées de la souris dans le canevas ne peuvent pas être obtenues avec précision. {Code...} Utilisez ev.clientY pour obtenir les coordonnées de la souris, mais canvas.offsetTop obtient la hauteur de l'élé...

巴扎黑 2017-05-16 13:36:00 0  1  623

Solution au problème du chevauchement du titre de la page et de l'ancre de la page

Si j'ai un en-tête non défilant dans une page HTML qui est fixé en haut, avec une hauteur définie : existe-t-il un moyen d'utiliser des ancres d'URL (parties #fragment) pour faire défiler le navigateur jusqu'à une position spécifique dans la page mais Respecter toujours la hauteur des éléments fixes...

P粉521748211 2023-08-21 19:18:36 0  2  580

Écouteur d'événements de défilement ajouté à l'élément mais ne se déplace correctement que si scrollTop n'est pas égal à 0

J'ai donc écrit ce petit script dans lequel j'ai deux listes - Tâches terminées/actives, vous pouvez changer de liste de tâches en cliquant sur le bouton, et vous pouvez en savoir plus sur la tâche en cliquant sur "Plus d'informations". Lorsque l'on clique sur plus d'informations, un nouve...

P粉427877676 2024-04-01 11:03:26 0  1  642

Utilisez la touche Tab pour parcourir les éléments HTML sur la page

Je ne peux pas faire défiler à l'aide de la touche de tabulation sur une page HTML à l'aide de la touche de tabulation. Voici une image de la page pour laquelle j'essaie de parcourir les onglets lorsque la fenêtre contextuelle "Impossible de mettre à jour la table" s'ouvre. J'ai cliqué des...

P粉106301763 2024-02-03 21:30:59 0  1  484

Comment obtenir un effet en cascade des éléments en HTML ?

Je souhaite créer une info-bulle personnalisée pour cet élément, mais elle est contenue dans une boîte qui n'a pas assez de place pour afficher l'info-bulle, elle est donc simplement recadrée (je peux en fait faire défiler pour l'afficher car le débordement est défini sur automatique, mais Je veux q...

P粉486138196 2023-08-28 16:39:50 0  2  585

Le bouton Faire défiler vers le haut crée un espace blanc supplémentaire en bas de la page

J'ai suivi quelques tutoriels pour créer un bouton de défilement flottant vers le haut basé sur CSS. Cependant, j'ai remarqué qu'il y avait un espace blanc supplémentaire sous le dernier élément HTML (par exemple la dernière ligne). La hauteur de l'espace blanc supplémentaire correspond à la hauteur...

P粉226642568 2023-08-13 19:52:48 0  1  575

Pourquoi chaque fois que j'enregistre mon projet Vite React, un nouvel élément de canevas est ajouté au corps de la page au lieu de remplacer l'élément de canevas existant ?

J'essaie de commencer à apprendre ThreeJs (je suis également nouveau dans le développement Web Javascript). Après avoir regardé quelques tutoriels, j'ai commencé avec Vite et React, puis avec un cube rotatif de base. Cette partie fonctionne. Mais d'après ce que j'ai lu sur vite, enregistrer le fichi...

P粉186904731 2024-03-30 09:57:49 0  1  547

Renommer : colonnes div fixes et largeur restante

J'essaie de créer une disposition à 5 colonnes où toutes les colonnes font toute la hauteur de la fenêtre du navigateur. À l'exception de la colonne du milieu, les autres colonnes doivent être fixes et ne pas bouger lorsque le navigateur/document défile. La colonne du milieu contiendra le contenu du...

P粉786432579 2023-09-14 17:17:47 0  1  674