解决iphone填写表单时，表单项获取焦点时往下拉屏，导致顶部标题栏下滑错位...-优快云博客

本文提供了一种解决iPhone设备上表单元素获取焦点时页面滚动导致顶部标题栏错位的问题的方法。通过JavaScript检测设备类型并调整表单元素的样式，确保了在iOS设备上的用户体验。

$(function () {
　　//解决iphone填写表单时，表单项获取焦点时往下拉屏，导致顶部标题栏下滑错位
　　var u = navigator.userAgent;
　　var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
　　if (isiOS == true) {
　　　　var pageHeight = window.innerHeight;

　　　　$("input").focus(function () {
　　　　　　var h = $(document).scrollTop();
　　　　　　$(".navbar-fixed-top").css({"position": "absolute", "top": "0px"});
　　　　});
　　　　$("textarea").focus(function () {
　　　　　　var h = $(document).scrollTop();
　　　　　　$(".navbar-fixed-top").css({"position": "absolute", "top": "0px"});
　　　　});
　　　　$("input").blur(function () {
　　　　　　var h = $(document).scrollTop();
　　　　　　$(".navbar-fixed-top").css({"position": "fixed", "top": "0px"});
　　　　});
　　　　$("textarea").blur(function () {
　　　　　　var h = $(document).scrollTop();
　　　　　　$(".navbar-fixed-top").css({"position": "fixed", "top": "0px"});
　　　　});
　　}
});