HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了ios – iPhone弹出窗口问题滚动问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
面对iPhone中的问题,创建一个聊天的Web应用程序.弹出固定位置的聊天窗口.当点击文本输入发送消息时,iPhone键盘打开它并将聊天部分的标题部分移到顶部

需要修复
标题和文本区域应始终与whats-app中的相同
标题部分设置为固定位置,并将相同的文本区域设置为固定,甚至键盘是否打开
防止头顶移位意味着防止iPhone滚动

注意:它在Android手机中运行良好.只有iPhone浏览器问题,可能是由于iPhone滚动.

ios – iPhone弹出窗口问题滚动问题

解决方法

这是一个简单的概念示例:

<article class="pop-up">
  <h3>title</h3>
  <div class="content"> <p>Some scrollable content ...</p> </div>
  <div> Some CTA buttons that should be visible for the user </div>
</section>

CSS:

.pop-up {
 position: fixed;
 // some other styles to display it as a popup
}

.content {
position: relative; 
max-height: 100px; // set any max height that fits your design
overflow-y: scroll;
}

大佬总结

以上是大佬教程为你收集整理的ios – iPhone弹出窗口问题滚动问题全部内容,希望文章能够帮你解决ios – iPhone弹出窗口问题滚动问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。