解决iphone填写表单时,表单项获取焦点时往下拉屏,导致顶部标题栏下滑错位...
生活随笔
收集整理的這篇文章主要介紹了
解决iphone填写表单时,表单项获取焦点时往下拉屏,导致顶部标题栏下滑错位...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
$(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"});});}
});
?
轉載于:https://www.cnblogs.com/xiaoxiao2014/p/5556105.html
總結
以上是生活随笔為你收集整理的解决iphone填写表单时,表单项获取焦点时往下拉屏,导致顶部标题栏下滑错位...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C# 实现一个可取消的多线程操作 示例
- 下一篇: sys.argv