gpt4 book ai didi

HTML :blur knocking fixed items out of place

转载 作者:行者123 更新时间:2023-11-28 18:28:46 25 4
gpt4 key购买 nike

<分区>

我有一个应该位于屏幕中央的固定元素。我里面也有输入元素。正如它应该的那样,当输入被聚焦时,带有固定元素的整个页面会四处移动。

但是,如果用户点击“Go”键或我创建的按钮隐藏了整个固定元素并模糊了输入,下次我尝试显示固定元素时,它仍然不合适(页面恢复正常)。它显示滑出屏幕底部的一半(即使没有输入焦点并且键盘已按下)。

如有任何帮助,我们将不胜感激。我一直在为此烦恼。这出现在 PhoneGap 元素中,但我使用通过 Mobile Safari 查看的标准网站复制了该问题。

这是我的一些代码:

<!--(HTML)-->

<div class="smooth-button" onclick="show()">Show</div>

<div id="popin">
<input type="text" placeholder="Example!" />
<div class="smooth-button" onclick="save()">Save</div>
</div>

...


/* (CSS) */

#popin {
position: fixed;
left: 50%;
top: 50%;
height: 400px;
width: 300px;
margin-top: -200px; /*keeps it perfectly centered*/
margin-left: -150px; /*keeps it perfectly centered*/
}

#smooth-button {
/* make the div look like a cool button */
}

...

// (JavaScript)

function show() {
$("#popin").css('display', 'block');
}

function save() {
//code to save text
$("#popin").css('display', 'none');
}

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com