Question

我有一个表单，其中一个输入元素在聚焦后隐藏在键盘下面。我不希望我的页面调整大小。

这可以使用scroll来处理，这样只有表单div才会滚动到该特定元素吗？

或者其他任何方法？

我没有使用jquery-mobile，我尝试了scrollToElement iScroll 5，但没有用。

<body onload="initialize()">
    <div id="header">
        <img alt="" class="header_logo" src="" />

    </div>
    <div id="main">


        <div id="map-canvas"><input id="pac-input" class="controls" type="text" placeholder="Search Area" /></div> 
        <form id="booking_form" action="#" >

            <input type="tel" id="contact_no" placeholder="Contact Number*" maxlength="10"/>
            <div class="group">
                <span id="get_pick_location" class="gps_icon" title="Press to get current location address/ Select a point on map to get address"></span><textarea cols="10" id="pick_up_location" placeholder="Pickup Location*" ></textarea>
            </div>
            <div class="group">
                <span id="get_drop_location" class="gps_icon" title="Press to get current location address/ Select a point on map to get address"></span><textarea cols="10" id="drop_off_location" placeholder="Drop off Location*" ></textarea>
            </div>
            <input type="text" id="pick_up_time" placeholder="Pickup time*" />
            <input type="text" id="car_model" placeholder="Car*" /> 
            <input type="submit" id="confirm_booking" class="custom_button" value="Confirm Booking" />
        </form>     
    </div>
    <div id="footer">
        <button id="create_booking" class="custom_button">Book Now</button>
    </div>
</body>

输入字段car_model在键盘下隐藏。我的清单文件中有android:windowSoftInputMode="adjustPan"。

theScroll = new IScroll('form');
$('#car_model').focus(function(){
    theScroll.scrollTo($('#car_model'));
});

显示键盘Android PhoneGap下隐藏的输入元素

0 个答案: