Cannot scroll page

I created a simple login page for my mobile apps and if can show the "login" button which i am created (Portrait). But when I run the mobile simulator horizontally, if cannot show all which I expected I can scroll the page in order to see the button. (Currently, the screen is not scroll able).

Below is my script:

<div data-options="dxView : { name: 'home', title: 'Home' } ">
    <div class="home-view dx-content-background" data-options="dxContent : { targetPlaceholder: 'content' }">
        <div class="dx-field-label-custom">
            <p style="margin:150px 10px; font-size:24px ; color: white; font-style: italic">
            Welcome</p>
        </div>
        <br>
        <br>
        <div class="wrapper" style="margin:0px 0px;">
            <div class="dx-textbox-custom" id="userName" data-bind="dxTextBox: { value: userNameSetting, mode: 'text', placeholder: 'Username' }"></div>
            <div class="dx-textbox-custom" id="password" data-bind="dxTextBox: { value: passwordSetting, mode: 'password', maxLength: 10, placeholder: 'Type password' }"></div>
            <div id="btnCustom" data-bind="dxButton: { text: 'Login', type: 'custom3', onClick: loginClick }">
            </div>
        </div>
    </div>
</div>

链接地址: http://www.djcxy.com/p/31116.html

上一篇: 使用AngularJS在DevExpress Pivot中添加字段

下一篇: 无法滚动页面