亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

中心彈出固定對齊僅適用于移動視圖

中心彈出固定對齊僅適用于移動視圖

一只斗牛犬 2023-06-29 22:43:07
當用戶單擊進行購買時,會出現一個彈出窗口,如下圖所示,但我希望它居中......在移動版本上它可以工作,所以我不確定我錯過了什么。我嘗試檢查該頁面,但沒有成功。任何幫助,將不勝感激。? .popUpBox {? ? width: 350px;? ? background: white;? ? text-align: center;? ? border: 1px solid gray;? ? padding: 20px;? ? position: fixed;? ? top: 50%;? ? z-index: 999999;? ? line-height: 3;? ? left: 50%;? ? transform: translate(-50%, -50%);? ? display: none;}
查看完整描述

2 回答

?
LEATH

TA貢獻1936條經驗 獲得超7個贊

父 div 之一.page-container具有以下 CSS :transform: translate3d(0, 0, 0);

這完全搞亂了position:fixed,您的彈出窗口開始隨頁面滾動。

在父級上刪除transform: translate3d(0, 0, 0);,彈出窗口將正常運行。


查看完整回答
反對 回復 2023-06-29
?
幕布斯7119047

TA貢獻1794條經驗 獲得超8個贊

移至div.popupBoxCon父級 div 之外并將其作為主體中的第一個子級。


給出絕對位置,它將始終位于所有設備尺寸的中心。


.popupBoxCon{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    z-index: 10;

}

<body>

  <div class="popupBoxCon"></div>

 </body>


查看完整回答
反對 回復 2023-06-29
  • 2 回答
  • 0 關注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號