解决：ios下弹框fixed定位，input点击失效

最新推荐文章于 2022-06-07 16:56:44 发布

鹿歪歪酱

最新推荐文章于 2022-06-07 16:56:44 发布

阅读量677

点赞数

文章标签： position：fixed input JavaScript

本文链接：https://blog.csdn.net/qq_40207505/article/details/97239594

版权

页面结构：

<body>
	<div>
	    <p>......</p>
	    <p>......</p>
	    <p>......</p>
	</div>
	<!--弹出框-->
<div class="loginBox">
    <div class="login_box">
        <!--手机号-->
        <div>
            <input type="number" placeholder="手机号" class="phoneNum">
        </div>
        <!--验证码-->
        <div>
            <input type="number" placeholder="验证码" class="yzm">
            <span>获取验证码</span>
        </div>
        <div></div>
    </div>
</div>
</body>

.loginBox{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    display: none;
}
.login_box{
    width: 6.52rem;
    height: 5.51rem;
    background: #fff;
    border-radius: .3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: .84rem;
    box-sizing: border-box;
}

解决办法：

$('input').on('click',function(){
        var target=this;
        // setTimeout(function(){ //加了定时器好像不管用还是会有问题，把定时器去掉就ok了。
        	target.scrollIntoView(true);
        // },100)
    });

爬了好久的坑，希望能帮到你们。

鹿歪歪酱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解决：ios下弹框fixed定位，input点击失效

页面结构：<body> <div> <p>......</p> <p>......</p> <p>......</p> </div> <div class="loginBox"> <div cl...
复制链接

扫一扫