首页 > 其他分享 >ios input 键盘收起页面底部有间隙没有自动还原

ios input 键盘收起页面底部有间隙没有自动还原

时间:2024-10-30 21:01:38浏览次数:4  
标签:const expires ios input useEffect 页面

1.ios   input 键盘收起页面底部有间隙没有自动还原
解决办法: 最外层元素增加fixed 布局即可
2. ios  input输入 页面会放大,收起时页面不自动还原
解决办法 input 字体设置最小为16px即可
3.网页标签切换获取切换状态
document.addEventListener("visibilitychange", visibleChangeFun); const visibleChangeFun= ()=>{
  if (document.visibilityState === "hidden"){
    //隐藏
  } }
4.倒计时要用本地时间处理,不然切页面定时器不执行,时间不准确

const [timeLeft, setTimeLeft] = useState<any>();
  const [startTime, setStartTime] = useState<any>(new Date().getTime());
  useEffect(() => {
    timer = setInterval(() => {
      setTimeLeft((prevTimeLeft: number) => prevTimeLeft - 1000);
    }, 1000);

    return () => {
      clearInterval(timer);
    };
  }, [expires]);

  useEffect(() => {
    if (expires) {
      setTimeLeft(expires);
      setStartTime(new Date().getTime());
    }
  }, [expires])

  useEffect(() => {
    if (timeLeft + startTime <= new Date().getTime()) {
      timer && clearInterval(timer);
    }
  }, [timeLeft]);

  

标签:const,expires,ios,input,useEffect,页面
From: https://www.cnblogs.com/xiaoyaoweb/p/18516604

相关文章

  • OpenVINO(set_input_tensor())
    目录1.函数概述2.函数定义3.常见用法4.注意事项5.其他方法对比在OpenVINO中,set_input_tensor()函数用于将输入数据(即图像或其他类型的数据张量)传递给模型的输入端口。在使用OpenVINO进行推理时,需要将数据以正确的格式加载到模型的输入中,这样模型才能对数据进行处理。set_i......
  • iOS 18 升级后如何在 IPhone 上获得更多存储空间
    无论您是对酷炫的iOS18新更新感到兴奋,还是只是下载新应用程序,存储空间不足都可能会让人感到烦恼。您可能在iPhone上看到过那些烦人的警报,例如“iOS18需要更多空间”或“存储空间不足”。在本文中,我们将展示四种超级有效的方法来解决如何在iPhone上获得更多存储空间。......
  • 如何在没有计算机的情况下从 IPhone 卸载/删除 IOS 18 - IOS 数据恢复
    iOS18以其令人兴奋的新功能和增强功能,可能会吸引iPhone用户在自己的设备上安装它。但是,它有时可能不稳定,可能会导致某些应用程序出现问题或兼容性问题。如果您发现自己面临此类挑战并希望从iPhone中删除iOS18,本文可以为您提供帮助。在本指南中,我们将探讨从iPhone或......
  • 第七章 利用CSS和多媒体美化页面
    7.1CSS链接的美化1.文字链接的美化代码<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title>示例7.1</title> <style> #menu{ text-align:center; /*div内的元素水平居中*/ } a{ margin:10px; ......
  • iOS过审指南:教你解决大部分被拒情况
    在苹果一次次机审升级的背景下,iOS过审似乎变得越来越难,今天这篇文章总结了笔者这些年对于iOS过审的一些心得,基本上涵盖了大部分的难点,让大家在iOS过审的道路上少走弯路。接下来就从创建账号到提审各个阶段,拆分几个注意点分享给大家。1、创建开发者账号2、应用元数据3、如......
  • OpenVINO(compiled_model.input())
    目录1.函数概述2.使用场景3.返回的对象属性4.示例代码5.多输入情况6.常见用途7.注意事项compiled_model.input()是OpenVINOAPI中的一个方法,用于获取编译后的模型输入节点的信息。1.函数概述compiled_model.input()返回的是一个对象或列表,包含编译后模型的输......
  • grafana:页面修改为中文
    一,配置页面语言1,登录后,点击头像下菜单中->Profile2,在Preferences一栏下面,找到Language一项选择中文(简体)后点Save按钮即可二,查看效果:界面已调整为中文......
  • axios请求封装(vue2)
    importaxiosfrom'axios';import{ElLoading,ElMessage}from'element-plus';import{RefreshToken}from'@/request';import{getlocalStorage,setlocalStorage}from'@/utils/common.js';constpendingMap=new......
  • 梵高油画作品欣赏|西洋美术风象iOS
    ......
  • input角度:I2C触摸屏驱动分析和编写一个简单的I2C驱动程序
    往期内容本专栏往期内容:input子系统的框架和重要数据结构详解-CSDN博客inputdevice和inputhandler的注册以及匹配过程解析-CSDN博客inputdevice和inputhandler的注册以及匹配过程解析-CSDN博客编写一个简单的Iinput_dev框架-CSDN博客GPIO按键驱动分析与使用:input_dev......