日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

javascript - ios input聚焦時,頁面整個被推上去了

瀏覽:243日期:2022-11-04 15:48:22

問題描述

需求其實很簡單。就是在頁面的底部固定一個input框,然后輸入文字就可以了。 可是。。。在ios系統下。當這個input被聚焦時,整個頁面都被頂上去了。。。。。。頭部的內容都看不見了。請問各位有木有什么好辦法可以只讓這個input框被頂上去,頁面其他元素的位置不變?

tips:已經在網上查了好多,可是都解決不了 T.T然后我試著干脆在input focus的時候把整個頁面的position改成fixed,top:0;bottom:0;然后這樣的話頁面確實沒有被頂上去了,可是input也不上去了,被那個鍵盤擋住了

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>scroll</title><meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'><style> .btm{ position: fixed ; bottom:0; }</style></head><body> <p id=’inp’><p class='content'> 內容</p><p class='btm'> <input type='text'></p> </p> <script> </script></body></html>

問題解答

回答1:

禁止input框獲取聚焦, 在點擊input后, 獲取keyboard彈出事件并且在keyboard上添加toolbar, 新建input框加入到toolbar上, 在鍵盤收回時, 獲取到toolbar上的input框中內容賦值到頁面input上.javascript - ios input聚焦時,頁面整個被推上去了

回答2:

當input聚焦,把input改成fixed定位就可以了

position: fixed;bottom: 0;回答3:

這個問題還算好點,如果你的內容有滾動時候,在ios點擊fixed的input會發現跑到中間了。需要解決:

.wrap{ position:fixed; top:0; bottom: 0; left:0; overflow-y: scroll; width:100%; } <p id=’inp’> <p class='content'>內容 </p></p><p class='btm'> <input type='text'></p>

讓內容塊設置為fixed就好,目前樓主的問題,暫時沒有很好解決方案,提供個替代方案:footer里面不直接放input,而是一個偽input,點擊時彈出一個新層,如:http://zhibo.m.sohu.com/r/121...

標簽: JavaScript
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
日韩精品一二三四| 亚洲一区二区毛片| 国产在线一区不卡| 亚洲激情中文在线| 国产精品丝袜在线播放| 久久亚洲图片| 亚洲四虎影院| 麻豆mv在线观看| 精品一区二区三区亚洲| 99精品视频在线| 亚洲综合电影| 国产精品蜜芽在线观看| 欧美激情久久久久久久久久久| 亚洲日产av中文字幕| 一区在线免费| 欧美日韩免费观看一区=区三区 | 精品香蕉视频| 国产探花在线精品一区二区| 免费观看在线综合| 亚洲精品黄色| 日本不良网站在线观看| 日本国产亚洲| 视频一区中文字幕精品| 欧美在线不卡| 青青草精品视频| 日本a级不卡| 免费一区二区视频| 在线看片日韩| 香蕉成人久久| 久久精品一区二区不卡| 视频一区中文| 蜜臀精品久久久久久蜜臀 | 日本不卡一二三区黄网| 蜜桃视频在线观看一区| 四虎在线精品| 91国内精品| 日韩不卡免费高清视频| 亚洲精品网址| 日韩精品一区二区三区av | 亚洲一区二区日韩| 日韩中文一区二区| 亚洲在线免费| 日韩午夜高潮| 亚洲精品动态| 国产精品毛片视频| 色偷偷偷在线视频播放| 亚洲性图久久| 久久亚洲视频| 老司机免费视频一区二区| 黄色免费成人| 国产精品久久久久9999高清| 久久一区二区三区喷水| 日韩精品久久理论片| 亚洲四虎影院| 欧美精品1区| 亚洲一区亚洲| 国产一区二区色噜噜| 亚洲a一区二区三区| 日韩一区网站| 国产一区日韩一区| 久久av国产紧身裤| 久久亚洲不卡| 在线看片福利| 欧美一级二级视频| 女同性一区二区三区人了人一| 免费一级欧美在线观看视频| 91成人精品视频| 精品伊人久久久| 欧美一区二区三区久久| 亚洲伊人精品酒店| 久久精品影视| 日韩精品电影| 日韩av午夜在线观看| 国产亚洲毛片在线| 欧美亚洲国产一区| 久久精品91| 红杏一区二区三区| 欧美激情五月| 日韩一区二区中文| 日韩欧美精品一区| 成人片免费看| 欧美aa在线观看| 五月激情久久| 九色porny丨国产首页在线| 97精品一区| 麻豆网站免费在线观看| 欧美激情日韩| 日韩成人一级| 天海翼精品一区二区三区| 亚洲精品影视| 欧美日韩国产精品一区二区亚洲| 久久久久.com| 激情五月色综合国产精品| 先锋亚洲精品| 欧美成a人片免费观看久久五月天| 91视频精品| 亚欧洲精品视频在线观看| 麻豆一区在线| 亚洲资源av| av资源亚洲| 日本欧美一区| 性欧美xxxx免费岛国不卡电影| 亚洲一区有码| av中文字幕在线观看第一页| 老牛国产精品一区的观看方式| 国产精品美女在线观看直播| av亚洲在线观看| 久久男人天堂| 久久不见久久见中文字幕免费| 亚洲少妇在线| 日韩欧美一区免费| 欧美视频二区| 蜜臀精品久久久久久蜜臀| 日韩av免费| 久久一区欧美| 久久激五月天综合精品| 蜜桃av一区二区在线观看| 国产中文字幕一区二区三区| 首页欧美精品中文字幕| 色婷婷狠狠五月综合天色拍| 欧美激情在线精品一区二区三区| 久久成人亚洲| 蜜桃国内精品久久久久软件9| 精品久久视频| 激情中国色综合| 精品美女在线视频| 久久成人高清| 麻豆一区二区三区| 欧美精品成人| 国产乱人伦丫前精品视频| 日韩精选在线| 国产日韩欧美三级| 日本中文字幕视频一区| 鲁大师成人一区二区三区| 99热国内精品| 99热精品久久| 石原莉奈在线亚洲二区| 日韩av二区在线播放| 国产精品一国产精品k频道56| 国产一卡不卡| 国产精品中文字幕制服诱惑| 亚洲三级毛片| 精品一级视频| 亚洲天堂1区| 亚洲一区观看| 国产欧美日韩精品一区二区免费| 欧美一区二区三区久久精品| 日韩国产欧美在线视频| 久久国际精品| 精品深夜福利视频| 免费观看亚洲| 亚洲欧美日本视频在线观看| 四虎在线精品| 亚洲精品成人图区| 午夜久久影院| 久久精品超碰| 91精品国产91久久久久久黑人| 亚洲欧美日韩国产一区| 日韩国产欧美视频| 久草免费在线视频| 免费久久精品视频| 国产一区二区三区日韩精品| 极品裸体白嫩激情啪啪国产精品| 国产亚洲精品久久久久婷婷瑜伽| 青青国产精品| 精品捆绑调教一区二区三区| 蜜桃av一区二区在线观看| 久久99影视| 老鸭窝毛片一区二区三区| 国产精品网站在线看| 欧美日韩在线二区| 国产免费久久| 亚洲一区黄色| 亚洲爱爱视频| 精品美女在线视频| 在线视频亚洲欧美中文| 青青青免费在线视频| 国产毛片一区| 伊人久久国产| 久久亚洲人体| 国产亚洲一区二区三区啪| 在线日韩中文| 91嫩草亚洲精品| 麻豆一区二区三| 亚洲久久一区| 蜜臀国产一区二区三区在线播放 | 久草免费在线视频| 国产精品亚洲人成在99www| 石原莉奈在线亚洲二区| 美女av在线免费看| 欧美激情91| 欧美精品aa| 国产探花一区在线观看| 青草国产精品久久久久久| 老司机久久99久久精品播放免费| 香蕉精品视频在线观看| 好看不卡的中文字幕| 亚洲国产影院| 国产一在线精品一区在线观看| 欧美aa在线观看|