Просмотр исходного кода

底部按钮固定不随键盘上浮

zh 3 месяцев назад
Родитель
Сommit
602d9df673
1 измененных файлов с 3 добавлено и 15 удалено
  1. 3 15
      src/views/robot/merge/index.vue

+ 3 - 15
src/views/robot/merge/index.vue

@@ -275,20 +275,6 @@ const handleViewportResize = () => {
   requestAnimationFrame(() => {
     window.scrollTo(0, scrollTop)
   })
-  
-  // 固定底部按钮位置,防止键盘弹出时上浮
-  const footerEl = document.querySelector('.footer-buttons') as HTMLElement
-  if (footerEl && window.visualViewport) {
-    const viewportHeight = window.visualViewport.height
-    const windowHeight = window.innerHeight
-    if (viewportHeight < windowHeight) {
-      // 键盘弹出,固定底部按钮到视口底部
-      footerEl.style.bottom = `${windowHeight - viewportHeight}px`
-    } else {
-      // 键盘收起,恢复原位
-      footerEl.style.bottom = '0'
-    }
-  }
 }
 
 // 设置料箱号输入框焦点
@@ -1365,7 +1351,9 @@ const submitMove = () => {
   box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
   z-index: 100;
   /* 防止键盘弹出时上移 */
-  transform: translateZ(0);
+  transform: translate3d(0, 0, 0);
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
 
   .btn-right {
     display: flex;