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

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

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

瀏覽:244日期: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久久,三上悠亚国产精品一区二区三区
喷白浆一区二区| 伊人久久大香线蕉av不卡| 日韩电影免费网址| 日韩精品免费一区二区三区| 最新国产精品| 日本不卡免费高清视频在线| 国产精品xxxav免费视频| 999视频精品| 国产日韩一区二区三区在线播放| 欧美一区91| 国产成人调教视频在线观看| 欧美欧美黄在线二区| 中文字幕日韩高清在线| 亚洲少妇一区| 精品伊人久久| 国产精品任我爽爆在线播放 | 日韩欧美中文在线观看| 日韩在线观看中文字幕| 国产一区调教| 亚洲tv在线| 制服诱惑一区二区| 99国产精品自拍| 亚洲欧美久久久| 另类国产ts人妖高潮视频| 久久成人亚洲| 国产尤物精品| 性色一区二区| 99久久婷婷| 国产日本久久| 亚洲资源网站| 日本午夜精品久久久| 国产精品久久久久久久久久久久久久久| 午夜一级久久| 亚洲欧美伊人| 婷婷国产精品| 亚洲欧美日韩国产一区二区| 久久亚洲欧洲| 亚洲精品免费观看| 国产精品jk白丝蜜臀av小说| 香蕉精品999视频一区二区| 不卡在线一区| 久久亚洲风情| 999精品在线| 99成人超碰| 亚洲一区二区成人| 日韩精品国产精品| 久久精品国产成人一区二区三区| 欧美亚洲三区| 国产日韩欧美高清免费| 日韩88av| 国产免费成人| 国产欧美一级| 精品国产亚洲日本| 久久久男人天堂| 视频在线观看91| 国产精品qvod| 国产日韩欧美一区二区三区| 精品视频在线观看网站| 国产美女高潮在线| 免费不卡在线观看| 国产精品tv| 久久亚洲黄色| 国产美女一区| 美女精品一区二区| 丝袜a∨在线一区二区三区不卡| 精品一区二区三区亚洲| 六月婷婷综合| 日韩一区二区三区在线看| 国产精品www994| 亚洲电影在线| 日本麻豆一区二区三区视频| 久久国产亚洲| 日韩av影院| 婷婷亚洲五月| 加勒比视频一区| 精品视频在线你懂得| 国产日本亚洲| 视频一区在线播放| 婷婷丁香综合| 久久男人天堂| 国产精品白丝一区二区三区| aa亚洲婷婷| 日韩一区二区三区免费播放| 精品视频免费| 欧美日韩亚洲一区三区| 99久久精品费精品国产| 电影天堂国产精品| 国产精品一区二区美女视频免费看| 日韩精选在线| 电影亚洲精品噜噜在线观看| 国产精品美女午夜爽爽| 日韩av一级片| 免费看的黄色欧美网站| 免费在线观看成人| 男人的天堂久久精品| 红桃视频国产精品| 蜜臀va亚洲va欧美va天堂| 亚洲成人二区| 日韩中文字幕一区二区三区| 中文字幕日韩高清在线 | 国产一区二区三区黄网站| re久久精品视频| 玖玖精品视频| 奇米狠狠一区二区三区| 欧美日韩99| 久久精品国产亚洲aⅴ| 丝袜诱惑一区二区| 欧美a级一区| 一区二区三区网站| 中文字幕一区二区av| 日本不卡视频在线| 国产一区三区在线播放| 久久人人99| 亚洲91网站| 中文字幕人成乱码在线观看 | 日本午夜精品一区二区三区电影 | 日韩亚洲国产欧美| 伊伊综合在线| 石原莉奈一区二区三区在线观看 | 国产一区福利| 日韩国产一区二区| 日韩三区四区| 韩国一区二区三区视频| 国产韩日影视精品| 亚洲播播91| 国产精品毛片在线| 国产欧美一区二区三区精品观看 | 黄色aa久久| 久久久久久婷| 欧美色图一区| 麻豆精品在线观看| 老牛影视一区二区三区| bbw在线视频| 日韩激情一二三区| 亚洲成av人片一区二区密柚| 欧美日一区二区在线观看| 羞羞答答国产精品www一本| 福利在线免费视频| 日本视频中文字幕一区二区三区| 免播放器亚洲一区| 免费精品一区| 亚洲精品日韩久久| 噜噜噜躁狠狠躁狠狠精品视频| 久久精品在线| 国产亚洲字幕| 日本一区中文字幕| 人人精品人人爱| 亚洲最大av| 99成人在线| 久久国产精品美女| 国产精品日韩精品在线播放| 久久国产99| 视频一区在线播放| 九一成人免费视频| 成人久久一区| 欧美日韩少妇| 亚洲黄色在线| 中文字幕一区二区av| 国产精品嫩模av在线| 国产精品一区毛片| 日本a口亚洲| 麻豆91在线播放| 国产精品久久久久蜜臀| 激情婷婷综合| 欧美亚洲三级| www在线观看黄色| 风间由美中文字幕在线看视频国产欧美| 国产精品亚洲欧美一级在线| 伊人久久亚洲影院| 欧美亚洲tv| 97视频热人人精品免费| 福利欧美精品在线| 欧美特黄a级高清免费大片a级| 免费在线成人网| 亚洲一区二区三区在线免费| 日韩精品高清不卡| а√天堂8资源中文在线| 99精品在线观看| 欧美日韩黄网站| 波多野结衣久久精品| 欧美日韩国产一区二区在线观看| 涩涩av在线| 在线亚洲激情| 欧美一区成人| 欧美成人基地| 欧美日一区二区在线观看| 在线精品视频在线观看高清| 国产欧美一区二区精品久久久 | 国产精品久久久久久模特 | 宅男在线一区| 亚洲女人av| 久久中文欧美| 亚洲欧美在线专区| 欧美片第1页| 中文字幕日韩亚洲| 亚洲五月婷婷| 国产精品视频一区二区三区四蜜臂| 国产亚洲一区在线| 欧美精品国产白浆久久久久| 亚洲资源av|