Comment implémenter le défilement interne du contenu dans React tout en faisant défiler la page entière

Je souhaite créer une logique dans React qui fait d'abord défiler le contenu enfant lorsque la page entière défile. Une fois le sous-contenu entièrement défilé, il passera à la section suivante. Par exemple : j'ai trois sections : A, B et C. La hauteur de chaque section est de 100vh. La partie B con...

P粉823268006 2023-09-06 18:19:42 0  1  540

javascript - Comment implémenter JS pour modifier dynamiquement les styles globaux CSS

Si vous souhaitez modifier dynamiquement le style global CSS de la page, par exemple changer la couleur de toutes les polices de la page en rouge, vous pouvez y parvenir via css {code...} Et si vous utilisez js, utilisez les boutons dans la page pour modifier les styles de tous les éléments, c'est-à...

阿神 2017-05-19 10:11:38 0  3  653

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  638

La classe de lignes CSS fait sortir certains éléments du cadre, alors qu'ils devraient être statiques et fixés au bas de l'écran.

Ma page ressemble actuellement à ceci. Après avoir ajouté la classe de lignes afin que les deux éléments soient côte à côte, la barre de navigation inférieure est poussée vers le bas jusqu'à l'endroit où je dois faire défiler. Ici vous pouvez voir une autre page sans éléments de ligne, où les liens ...

P粉156415696 2024-04-03 18:48:12 0  1  452

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  658

javascript - Le menu de droite ne parvient pas à trouver correctement la position cible. Autrement dit, une fois le sous-menu disparu, la souris est toujours à la position d'origine. Voir l'image pour plus de détails.

C'est ici que se trouve ma souris. Maintenant, je veux déplacer la souris vers le centre culturel. Regardez l'image ci-dessous. Le sous-menu ci-dessus devrait être rétracté, mais la position de la souris ne sera pas rétractée vers le menu de supervision des crédits. . Si je veux retourner au centre ...

曾经蜡笔没有小新 2017-05-19 10:28:27 0  1  398

Comment faire en sorte que le mode de fusion ignore certains arrière-plans ?

Jetez un œil à l'image ci-dessous : Imaginez que le rectangle bleu en bas, avec le mode de fusion : Différence, se déplace lentement vers le haut. Je veux qu'il ignore la bande rouge et reste bleu lorsqu'il la traverse, mais utilise le mode de fusion Mix lorsqu'il se trouve sur la bande verte. Comme...

P粉418351692 2023-09-15 10:20:50 0  1  616

É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  620

Android surveille le branchement et le débranchement des écouteurs sans ouvrir l'application

La demande existe désormais. Surveillez le branchement et le débranchement des écouteurs après avoir allumé le téléphone ou sans ouvrir l'application. pour effectuer différentes opérations. La pensée actuelle est la suivante. Démarrez un service après le démarrage et surveillez l’état de branchement...

漂亮男人 2017-06-24 09:42:57 0  2  1116

Comment obtenir un nœud dans la balise HTML ?

Si vous utilisez un événement click, vous pouvez utiliser l'événement pour connaître le nœud actuel. Cependant, si l'événement n'est pas lié, comment obtenir le nœud p actuel dans la balise p {code...} Mon exigence est d'utiliser v-show=true lors du défilement vers différents nœuds via la barre de d...

曾经蜡笔没有小新 2017-05-19 10:34:54 0  4  783

android - Lorsque le fragment est poussé sur la pile, une animation pop est ajoutée. Ne peut-elle pas être exécutée lors du popping ?

Dans certains cas, nous ne souhaitons pas effectuer d'animation pendant le popfragment. Existe-t-il un moyen d'y parvenir ? Pendant l'utilisation, j'ouvre b à partir du fragment a puis j'ouvre c, mais en sortant, je devrai peut-être passer de c à b puis à a. À ce moment-là, j'ai besoin d'une animati...

某草草 2017-05-16 13:27:04 0  1  563

CSS : Comment placer une icône à côté du texte ?

J'ai un élément div parent comme celui-ci (display:flex), contenant du texte de deux éléments enfants - une icône d'élément span (i) - un élément div Lorsque le texte n'a qu'une seule ligne (sans retour à la ligne), tout fonctionne bien. Cependant, lorsqu'il s'enroule (2 lignes ou plus), la largeur ...

P粉668146636 2023-08-17 14:39:36 0  1  502

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  473

Comment mettre l'animation en pause au survol mais continuer une fois la souris partie

J'en ai marre de plusieurs solutions et celle-ci est la plus proche que j'ai obtenue. Mais je ne suis toujours pas satisfait du résultat, car lorsque la souris quitte l'élément, l'élément revient à sa rotation d'origine. L'idée est que si vous survolez l'élément, cela déclenchera l'animation même si...

P粉786800174 2024-04-01 09:43:54 0  1  488

javascript - problème de défilement de l'affichage de l'image

Comme les images, une partie des captures d'écran, ces images sont toutes dans un ul, s'il y a 25 images. L'écran initial affiche 10 images Lorsque vous cliquez sur le bouton Plus, les 10 images défilent vers le haut et sont masquées. Faites défiler vers le bas pour voir 10 images. Seules 10 images ...

習慣沉默 2017-05-19 10:27:01 0  4  969

Dans mongodb, certaines valeurs de mapReduce ne sont pas traitées par réduire.

Lors de l'utilisation de mapReduce dans mongodb, certaines valeurs ne sont pas traitées par réduire, ce qui est très déroutant. Accédez d'abord au code {code...}. Les données qui doivent être générées sont {code...}. Les données de sortie réelles sont {code...}. Je suis très confus lorsque la clé de...

大家讲道理 2017-05-17 10:04:04 0  1  649

Chrome a parfois des problèmes avec la fonctionnalité de défilement

Je rencontre un problème de défilement sur mon site et je ne comprends pas pourquoi. Uniquement sur Chrome, parfois le défilement ne fonctionne pas. J'ai essayé de désactiver tout le code que j'ai écrit mais le problème persiste. En safari, le défilement fonctionne bien. https://mirkomina.com/ Il ne...

P粉817354783 2024-03-29 00:21:20 0  1  450

Titre réécrit comme suit : La valeur 100vh de CSS3 n'est pas corrigée dans les navigateurs mobiles

J'ai un problème très étrange... Dans chaque navigateur et version mobile que je rencontre, j'ai ce comportement : lors du chargement d'une page, tous les navigateurs ont un menu supérieur (comme afficher la barre d'adresse), Lorsque vous commencez à faire défiler la page, ça glisse vers le haut. Pa...

P粉682987577 2023-08-21 16:49:22 0  2  515

JS peut-il échanger des événements onclick de 2 DOM ?

Au lieu de mon propre site Web, j'ai créé un navigateur. Besoin d'accrocher certaines opérations. Je ne connais pas très bien JS. Est-il possible d'échanger les événements clic de 2 éléments ? Baidu se lie lorsque tous les noms de fonctions sont connus, s'il est inconnu, comment obtenir le nom de la...

曾经蜡笔没有小新 2017-06-10 09:47:39 0  2  573

REACT - évitez le nouveau rendu de la page sur le bouton post-navigateur

J'ai une page de catalogue qui montre beaucoup de produits, une fois que l'utilisateur clique sur l'un des produits qu'il peut choisir en bas, disons le numéro de produit 1000, il passe à une autre page, vérifie le contenu etc... et quand il utilise retour Lorsque le navigateur de boutons revient à ...

P粉733166744 2024-03-27 14:50:53 0  1  473