Animation de glissement modal réactif

J'ai implémenté un modal dans React et CSS et actuellement, lorsque je l'ouvre, j'ai implémenté une animation coulissante vers le haut où le modal glisse vers le haut depuis le bas, mais quand je le ferme, je veux qu'il descende. Swipe, je n'arrive pas à comprendre comment pour créer avec précision ...

P粉514458863 2023-08-30 22:49:29 0  1  571

Découvrez comment ouvrir une fenêtre « modale »

Comment faire ouvrir une "fenêtre modale" avec des informations sur le produit lorsque je clique sur la carte. <divclass="card"><divclass="imgBox"><imgsrc="./img/bau.png"alt="Produto" class="mouse"></div>&l

P粉277464743 2023-09-09 21:27:12 0  1  476

Le titre de Impossible de faire défiler vers le haut de l'élément flexible dans le conteneur de débordement est réécrit comme suit : Impossible de faire défiler vers le haut de l'élément flexible dans le conteneur de débordement

En essayant de créer un modal utile à l'aide de flexbox, je suis tombé sur ce qui semble être un problème de navigateur et je me demandais s'il existait un correctif ou une solution de contournement connu - ou des idées sur la façon de le résoudre. Le problème que j'essaie de résoudre a deux aspects...

P粉854119263 2023-08-22 14:58:06 0  2  496

javascript - À propos de la fenêtre modale, fermez la fenêtre actuelle et actualisez la fenêtre précédente

1. Cliquez sur Ajouter des données dans une boîte contextuelle (Modal) pour faire apparaître une deuxième fenêtre (Modal). Une fois les données créées et enregistrées dans la deuxième fenêtre (Modal), comment actualiser les données dans le premier MODAL ? Le code est le suivant : Cliquez pour ajoute...

迷茫 2017-05-19 10:16:47 0  2  605

vim - Comment afficher les fenêtres cachées?

vim test.htmlvsplit test.csssplit test.js Trois fenêtres apparaissent. Déplacez le curseur en bas à gauche et entrez la commande :hide pour qu'il n'y ait que deux fenêtres à gauche et à droite. Quel que soit le nombre de fenêtres, le test.html sur le côté droit reste inchangé. Je change comme ceci :...

阿神 2017-06-19 09:07:54 0  1  2025

Comment puis-je ajouter cette classe d'animation à un modal lorsqu'on clique sur un bouton ?

Je veux que l'animation se produise lorsque je clique sur le bouton "x" du modal, mais ce qui se passe actuellement, c'est que le modal se ferme sans lui, puis lorsque j'ouvre à nouveau le modal, l'animation se produit sans cliquer sur quoi que ce soit. Voici mon code de classe d'animation...

P粉064448449 2024-03-30 22:05:19 0  1  465

html5 - Comment résoudre le problème de gigue de page causé par l'ouverture d'une fenêtre modale par bootstrap?

Je n'ai pas résolu le problème en me référant aux méthodes sur Internet. Je me demande si quelqu'un a une méthode pour résoudre le problème de gigue de page {code...}

阿神 2017-06-24 09:43:55 0  2  980

javascript - Modèle angulaire-ui-bootstrap Comment ajuster la position de la boîte modale

La boîte modale du composant ui-bootstrap fourni par angulaire est utilisée dans le projet, mais la position qu'elle affiche dans toute la fenêtre après avoir été déclenchée est un peu au-dessus du centre et trop proche du haut. Je souhaite qu'elle soit affichée. au milieu de la fenêtre horizontalem...

怪我咯 2017-06-26 10:54:53 0  1  826

javascript - directive d'encapsulation de modèle angulaire

L'exigence est la suivante : cliquez sur un bouton et une boîte modale apparaît sur la page. Il y a une zone de sélection déroulante dans cette fenêtre. Une fois que l'utilisateur a sélectionné, cliquez sur le bouton de confirmation ou cliquez directement sur le bouton Annuler pour fermer la fenêtre...

女神的闺蜜爱上我 2017-06-12 09:30:28 0  1  703

Popup du centre CSS à l'écran, fonctionne sur les ordinateurs et les tablettes mais pas sur les téléphones

Essayez d'utiliser CSS pour afficher une fenêtre contextuelle d'aide au centre de l'écran. Sur mon ordinateur et mon iPad, cela fonctionne bien, mais sur l'iPhone, la fenêtre contextuelle est centrée verticalement dans tout l'espace vertical de défilement, ce qui signifie que je dois parfois faire d...

P粉662802882 2024-03-28 20:02:46 0  1  380

Comment Vim redimensionne-t-il automatiquement la fenêtre NertTree ?

Parfois, nous devons modifier la taille du terminal vim pour afficher des pages Web ou d'autres choses. Pour le moment, la taille du NerdTree ne peut pas être déplacée et réduite avec la fenêtre principale. Comment l'aménager pour qu'il se rétrécisse suite à ce mouvement. Ou comment obtenir dynamiqu...

大家讲道理 2017-05-16 16:34:39 0  1  676

Comment changer dynamiquement la taille d'un conteneur HTML ?

J'ai un conteneur div qui est un arrière-plan qui change de taille dynamiquement avec la fenêtre. À l'intérieur de ce conteneur, j'ai une image div et je souhaite modifier sa taille à l'aide du conteneur d'arrière-plan. Même en utilisant un pourcentage de hauteur et de largeur, je n'arrive pas à le ...

P粉418214279 2024-04-03 20:38:38 0  1  407

Avertissement React : la profondeur de mise à jour a dépassé la limite maximale lors de la mise à jour de l'état dans useEffect

J'essaie de mettre à jour ma variable d'état qui est un objet contenant une variable booléenne. Une fois les données disponibles (en réponse à un appel API invoqué lors d'un clic sur un bouton), je mets à jour mon état dans useEffect. Ensuite, avec ces données, j'appelle un autre composant, un modal...

P粉447785031 2023-09-06 13:46:55 0  1  567

restful - Comment nginx indique-t-il qu'une requête est une requête dynamique sans correspondance .php?

Désormais, de nombreux frameworks RESTful, ou frameworks prenant en charge le mode de routage pathinfo, masqueront l'index du fichier d'entrée.* dans l'URL. Alors, dans ce cas, comment configurer nginx pour qu'il puisse déterminer si la requête est une requête dynamique nécessitant un traitement de ...

黄舟 2017-05-16 17:26:50 0  2  873

Fenêtre de préchargement de l'animation du compteur numérique lors du chargement de Javascript Html CSS

Je souhaite créer une animation de compteur de chiffres sur mon site Web de portfolio. J'ai du code jquery dans mon ancien site Web qui passe du préchargeur au site Web lorsqu'il est complètement chargé. <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove...

P粉523625080 2023-09-11 22:37:54 0  1  664

Développement de jeux - Comment comprendre l'animation (modèle) dans MVC ?

Dans MVC, les données sont stockées dans le modèle et la vue est rendue en fonction des données du modèle. Mais pour l'animation, certains états seront générés pendant le processus de dégradé, et ces états n'appartiennent pas. dans une certaine mesure au modèle. Pour cela, comment le modèle MVC réso...

巴扎黑 2017-05-16 17:06:27 0  1  449

Impossible de lire la propriété null (lire « conversion »). Qu'est-ce que ça veut dire?

J'ai créé un graphique en utilisant les données dynamiques d'axios via la bibliothèque Chartjs. Mais lorsque j'actualise les graphiques du navigateur, il n'y a d'abord rien de disponible comme ceci : Si je modifie la taille de la fenêtre du navigateur, tous les graphiques affichent : Erreur de la co...

P粉207483087 2024-01-10 16:36:20 0  1  471

Comment éviter que les éléments convertis soient automatiquement coupés par débordement ?

J'utilise Bootstrap4 pour créer une galerie modale pour le site Web personnel d'un ami. Je l'ai configuré pour que les images se développent au survol - mais lorsque je règle le débordement sur auto, elles sont coupées au bord du modal (ou div). La Galerie est également le troisième d'une série d'on...

P粉242535777 2023-09-07 20:04:02 0  1  585

Comment imprimer la fenêtre dans JSRuntime pour afficher tous les enregistrements ?

Je travaille sur un projet de serveur Blazor. L'une des exigences est d'afficher l'enregistrement dans une fenêtre contextuelle, puis de l'imprimer sous forme de document PDF. S'il y a trop d'enregistrements pour tenir sur une seule page, le PDF ne sera enregistré que sur une seule page. Je veux dir...

P粉139351297 2024-03-19 19:57:53 0  1  424

Lorsque la fenêtre est réduite à moins de 90 %, la barre de défilement supérieure de jQuery échoue

J'utilise ASP.NETVB et j'ai implémenté une barre de défilement supérieure qui simule la barre de défilement inférieure par défaut. Pour une raison quelconque... lorsque je redimensionne la fenêtre, la barre de défilement supérieure cesse de fonctionner si la taille descend en dessous de 90 %... elle...

P粉238433862 2023-09-12 12:33:19 0  1  658