Javascript 使分区在键盘弹出时可滚动

Javascript 使分区在键盘弹出时可滚动,javascript,tizen-web-app,Javascript,Tizen Web App,我有一个表单,我正在创建一个tizen应用程序。当键盘打开时,两个字段被键盘覆盖。当键盘弹出时,我需要使整个分区可滚动。我尝试使用溢出,但它不起作用 <body> <div id="headerdiv"> ADD YOUR VEHICLE enter code here </div> <div id=form> textarea class="manufacturer" cols="40" rows="1" placeholder=

我有一个表单,我正在创建一个tizen应用程序。当键盘打开时,两个字段被键盘覆盖。当键盘弹出时,我需要使整个分区可滚动。我尝试使用溢出,但它不起作用

<body>
<div id="headerdiv">
    ADD YOUR VEHICLE


enter code here
</div>
<div id=form>
textarea class="manufacturer" cols="40"  rows="1"  placeholder="Manufacturer*"></textarea>
<textarea class="model" cols="40"  rows="1"  placeholder="Model*"></textarea>
 <span id=date_purch>Date of Purchase</span>
<p>
<input class="inputDate" id="inputDate" value="10/28/2015" readonly/>

  <span id=reg_numb>Registration Number</span>
<textarea class="number" cols="40"  rows="1"  placeholder="AA 00 AA 0000* ">   </textarea>
<span id=front_pres>Tyre Pressure:Front</span>
<textarea class="front" cols="40"  rows="1"  placeholder="32 PSI*"></textarea>
<span id=rear_pres>Tyre Pressure:Rear</span>
<textarea class="rear" cols="40"  rows="1"  placeholder="32 PSI*"></textarea> 
</div>

<button id="add" onclick="add()">Add</button>
<div id="cancel" onclick="back()">Cancel</div>

</body>

添加您的车辆
在这里输入代码
textarea class=“manufacturer”cols=“40”rows=“1”placeholder=“manufacturer*”>
购买日期

注册号
轮胎压力:前
轮胎压力:后
添加
取消


键盘隐藏轮胎压力字段。

您可能需要查看以下链接。

特别是,, 设置键盘尺寸(肖像宽度、肖像高度、景观宽度、景观高度)


允许您设置键盘的尺寸。

但是否有办法使分区可滚动?因为设置键盘宽度会影响不同分辨率设备上的布局,因为我使用像素来放置字段,因为使用百分比往往会使字段在键盘弹出时改变位置-不起作用?