反應模態的滑動動畫

我已經在react和css中實現了一個模態，目前，當我打開它時，我已經實現了一個向上滑動的動畫，其中模態從底部向上滑動，但是當我關閉它時我希望它向下滑動，我無法弄清楚如何準確創建向下滑動的動畫，有人可以幫忙嗎？程式碼=>import"./styles.css";importreact,{useState}from"react";exportdefault

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

探索一個「模態」視窗的開啟方式

當我點擊卡片時，如何讓它打開一個帶有關於產品資訊的「模態視窗」。 <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

無法滾動到溢出容器的flex項目的頂部的標題重寫為：無法將溢出容器中的flex項目滾動至頂部

在嘗試使用flexbox創建有用的模態框時，我發現了一個似乎是瀏覽器問題的情況，並想知道是否有已知的修復方法或解決方法-或者對如何解決它有什麼想法。我試圖解決的問題有兩個面向。首先，垂直居中模態窗口，這個功能如預期般運作。第二個是讓模態視窗滾動-外部滾動，所以整個模態視窗滾動，而不是其中的內容（這樣你可以有下拉式選單和其他可以超出模態框範圍的UI元素-如自訂日期選擇器等）。然而，當將垂直居中與滾

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

javascript - 關於模態視窗 關閉目前視窗刷新上一個窗口

1.一個彈出框(Modal)中點選新增資料彈出第二個視窗(Modal)，第二個視窗(Modal)建立資料儲存後，怎麼刷新第一個MODAL裡的數據，程式碼如下： 點選新增後彈出第二個彈出框代碼如下：彈出新頁2.新增資料後儲存3....

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

vim - 如何調出隱藏視窗?

vim test.htmlvsplit test.csssplit test.js 出現了三個視窗。遊標移動到左下方，輸入指令 :hide這樣只有左右兩個視窗了。無論幾個窗口，右邊的test.html不變，我這樣切換：1。在保持只有兩個視窗的狀態下使用 ...

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

單擊按鈕時如何將此動畫類別新增至模式？

我希望當我單擊模態上的“x”按鈕時發生動畫，但當前發生的情況是模態在沒有它的情況下關閉，然後再次打開模態時，動畫會在不單擊任何內容的情況下發生。這是我目前的動畫類別程式碼：.scale-out-center{-webkit-animation:scale-out-center0.3scubic-bezier(0.550,0.085,0.680,0.530)both;animation:scale-ou

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

html5 - 如何解決bootstrap開啟模態modal視窗引起頁面抖動?

我參考網路上的方法都沒有解決，不知道那位有方法可以解決頁面抖動問題 {程式碼...}

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

javascript - angular-ui-bootstrap model 模態框出現的位置怎麼調整

專案中使用到angular提供的ui組件ui-bootstrap 的模態框，但是觸發後顯示在整個視窗中的位置，居中偏上一點，靠近上面太近我想讓它顯示在視窗水平垂直中間一點，不知道用什麼參數

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

javascript - angular model封裝指令

需求是這樣的：點擊一個按鈕，頁面彈出模態框，這個視窗中有一個select下拉選擇框，用戶選擇後點擊確認按鈕或直接點擊取消按鈕可以關閉這個模態框。有沒有大神做過類似的東西，請指教

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

css 在螢幕上居中彈出窗口，適用於電腦和平板電腦，但不適用於手機

嘗試使用CSS在螢幕中央顯示幫助彈出視窗。在我的電腦和ipad上，它工作正常，但在iPhone上，彈出視窗在整個可滾動垂直空間內垂直居中，這意味著我有時必須向上或向下滾動才能看到它。我希望它在調用時位於當前可見螢幕的中心。 （請注意，頁面高度不是靜態的，即根據使用者活動而增加和縮小）。這是相關的CSS：.helpcontent{position:fixed;top:50%;left:50%;trans

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

Vim 如何自動調整NertTree視窗的大小？

我們有時候需要改變vim終端的大小去查看網頁或其他的，這時NerdTree的大小不能跟著主視窗一起移動變窄。如何設定才能達到讓它跟隨這動作變窄。或應該如何動態的獲得真個vim介面的大小。

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

如何動態變更HTML容器的大小？

我有一個容器div，它是一個隨視窗動態改變大小的背景。在該容器內，我有一個圖像div，我想使用背景容器更改其大小。即使使用百分比高度和寬度，我似乎也無法動態調整它的大小。誰能指導我正確的方向？ @importurl("https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700,800");*{box-sizi

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

React 警告：在 useEffect 中更新狀態時，更新深度超過了最大限制

我正在嘗試更新我的狀態變量，它是一個包含布林變量的物件。一旦資料可用（透過按鈕點擊呼叫的API呼叫回應），我就在useEffect內部更新我的狀態。然後使用這些資料呼叫另一個元件，即一個模態框，如果沒有資料可用，我將顯示另一個模態框。當我關閉彈出視窗時，應該更新狀態變數。 const[modalState,setModalState]=useState<IModalState>({sho

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

restful - 在沒有.php匹配的情況下，nginx如何判斷該請求是動態請求？

現在很多RESTful框架，或是支援pathinfo路由模式的框架，會把url裡面的入口檔案index.* 隱藏掉。那麼，在這種情況下，怎麼配置nginx，讓他可以判斷這個請求是動態的請求，需要程式處理，還是是靜態檔案的請求？

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

載入 Javascript Html CSS 時的數位計數器動畫預載器窗口

我想在我的投資組合網站上建立一個數位計數器動畫。我的舊網站中有一些jquery程式碼，當完全載入時，它們會從預先載入器轉換到網站。 <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}); </script>如何添加數位計數器動畫並添加側向

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

遊戲開發 - 在 MVC 當中的怎樣理解動畫(的 Model)?

在MVC 當中資料是存在放Model 裡, View 根據Model 的資料渲染, 這是大題的思路. 但是對於動畫來說, 漸變過程當中會產生一些狀態, 這些狀態某種程度上不屬於Model. 對於這樣的需求, MVC 的模型是怎麼去解決問...

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

無法讀取 null 的屬性（讀取'轉換”）。這是什麼意思？

我透過Chartjs庫使用來自axios的動態資料創建了圖表。但是當我刷新瀏覽器圖表時，首先沒有任何可用的內容，如下所示：如果我更改瀏覽器視窗的尺寸-所有圖表都會顯示：來自控制台的錯誤：UncaughtTypeError:Cannotreadpropertiesofnull(reading'transition')atChart .transition(Chart.js?473e:9865:1)at

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

如何讓轉換後的元素不被溢出自動切斷？

我正在使用Bootstrap4為朋友的個人網站製作一個模態畫廊。我設置了它，以便圖像在懸停時展開-但當我將溢出設置為自動時，它們會在模態（或div）的邊緣被切斷。圖庫也是一組選項卡中的第三個，但所有這些都很好用。我嘗試更改哪個div具有overflow-auto類；我嘗試過標記各種不同的標記，但無論我嘗試什麼，我都不知道如何製作它，以便圖庫滾動並且讓我的圖像在懸停時不會被切斷。現在是相關程式碼：.g

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

如何在JSRuntime中列印視窗以顯示所有記錄？

我正在開發Blazor伺服器專案。要求之一是在彈出視窗中顯示記錄，然後將其列印為PDF文件。如果記錄太多而無法容納在一頁上，PDF將僅儲存為單頁。我的意思是只有幾筆記錄適合顯示在PDF的第一頁。如何讓PDF顯示所有記錄？是CSS的原因嗎？這裡是模態：@page"/dialogcard/{Order}"@usingIMS.CoreBusiness@usingIMS.UseCas

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

當視窗縮小至不足90%時，jQuery頂部滾動條失效

我正在使用ASP.NETVB，並且我已經實作了一個模擬預設底部滾動條的頂部滾動條。由於某種原因...當我調整視窗大小時，如果大小低於90％，頂部滾動條就會停止工作...只要大小恢復到90％或以上，它就會繼續工作...我找不到解決方案或任何幫助...我嘗試將寬度限制為仍然工作的90％的寬度，但它沒有起作用...似乎小於90％的調整大小操作是導致問題的唯一原因...而不是寬度本身...不過，我可能是錯

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