在Telerik AppBuilder Icenium Hybrid Cordova中打开(然后关闭)数字键盘后,无法在长格式的Android上滚动至顶部

罗伯特·格林(Robert Green)MBA

我正在构建一个Telerik AppBuilder Icenium Hybrid Cordova应用程序,并且我有一个具有某些内容的视图(带有div的HTML页面)。视图比设备长,因此我必须向下滚动“折叠”以完成表格。但是,我注意到,如果在表单上输入的类型为“数字”(打开数字键盘),并且输入数字,然后关闭数字键盘,然后尝试滚动到顶部,我不能了

这是标记:(此标记没什么特别的,但这是实际的标记,假设我滚动到底部并从下向上完成表格,然后填充日期(在最底部),然后向上,然后填充“每WI时间”(例如),然后我尝试滚动到顶部,但不能;但是我可以在视图的最低点以下滚动,其数量等于实际数字的大小-pad本身。(就像,当我切换数字键盘时,它会操纵屏幕可滚动的最大高度或其他值。

    <style>
    .bodyPartImg img {
        width: 50px;
        height: 50px;
    }
</style>
<div data-role="view"
     data-title="Workout Type Rules"
     data-layout="main"
     data-model="app.workoutTypeRule"
     data-show="app.workoutTypeRule.onShow"
     data-after-show="app.workoutTypeRule.afterShow">

    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <h2 style="font-weight: bolder;">Choose Workout Type</h2>
            </div>
            <div class="col-sm-8">
                <select class="form-control sel_workoutTypes"></select>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-8">
                <h2 style="font-weight: bolder;">Should this activity focus on <u>multiple body parts</u>?</h2>
            </div>
            <div class="col-xs-4">
                <input type="checkbox" name="multipleBodyParts" checked>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-sm-4">
                <!-- Should this activity focus on multiple body parts -->
                <h2 style="font-weight: bolder;">Choose Bodypart(s)</h2>
            </div>
            <div class="col-sm-8">
                <a id="bodyPartImg_abs" class="bodyPartImg"><img src="images/abs.png" /></a>
                <a id="bodyPartImg_arms" class="bodyPartImg"><img src="images/arm.png" /></a>
                <a id="bodyPartImg_back" class="bodyPartImg"><img src="images/back.png" /></a>
                <a id="bodyPartImg_chest" class="bodyPartImg"><img src="images/chest.png" /></a>
                <a id="bodyPartImg_legs" class="bodyPartImg"><img src="images/leg.png" /></a>
                <a id="bodyPartImg_shoulders" class="bodyPartImg"><img src="images/shoulder.png" /></a>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-8">
                <h2 style="font-weight: bolder;">
                Minimum Sets
                </h2>
            </div>
            <div class="col-xs-4">
                <input type="number" class="form-control" name="min_sets" />
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-8">
                <h2 style="font-weight: bolder;">
                Minimum Reps
                </h2>
            </div>
            <div class="col-xs-4">
                <input type="number" class="form-control" name="min_reps" />
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-8">
                <h2 style="font-weight: bolder;">
                Minimum Weight
                </h2>
            </div>
            <div class="col-xs-4">
                <input type="number" class="form-control" name="min_weight" />
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-8">
                <h2 style="font-weight: bolder;">
                Minimum Bodypart Impact
                </h2>
            </div>
            <div class="col-xs-4">
                <input type="number" class="form-control" name="min_bodyPartImpact" />
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-8">
                <h2 style="font-weight: bolder;">
                Minimum Duration
                </h2>
            </div>
            <div class="col-xs-4">
                <input type="range" class="form-control" name="min_bodyPartImpact" min="0" max="10" />
                <input type="range" class="form-control" name="min_bodyPartImpact" min="0" max="60" />
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-8">
                <h2 style="font-weight: bolder;">See details?</h2>
            </div>
            <div class="col-xs-4">
                <input type="checkbox" name="seeDetails" checked>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-8">
                <h2 style="font-weight: bolder;">
                Times Per Workout Interval (WI)?
                </h2>
            </div>
            <div class="col-xs-4">
                <input type="number" class="form-control" name="timePerWI" />
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-6">
                <h2 style="font-weight: bolder;">
                Start Date
                </h2>
            </div>
            <div class="col-xs-6">
                <input type="date" class="form-control" name="startDate" />
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-xs-6">
                <h2 style="font-weight: bolder;">
                End Date
                </h2>
            </div>
            <div class="col-xs-6">
                <input type="date" class="form-control" name="endDate" />
            </div>
        </div>
    </div>

</div>
罗伯特·格林(Robert Green)MBA

答案是

data-use-native-scrolling="true"> 

见底部

<div data-role="view"
     data-title="Workout Type Rules"
     data-layout="main"
     data-model="app.workoutTypeRule"
     data-show="app.workoutTypeRule.onShow"
     data-after-show="app.workoutTypeRule.afterShow"
     data-use-native-scrolling="true"> 

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

Related 相关文章

热门标签

归档