首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery-mobile-iscrollview滚动条位置在phonegap android中不正确

jquery-mobile-iscrollview滚动条位置在phonegap android中不正确
EN

Stack Overflow用户
提问于 2013-05-20 17:49:25
回答 1查看 548关注 0票数 0

我在我的phonegap android应用中使用jquerymobile.1.3.1。我添加了jquery-mobile-iscrollview

但是滚动条在屏幕上的位置是错误的。我的HTML代码:

代码语言:javascript
复制
<div data-role="page" data-theme="g" id="mobile_page">    
    <div data-role="header" data-theme="g" data-position="fixed" data-tap-toggle="false">
       <img src="images/logo/logowhite.png" class="main_logo">
      <h3 class="page_heading">Select The Item</h3>
      <img src="images/header.png" class="header_right_btn header_home_btn">
      <div id="header_form">
            <div class="progressbar">
                <div class="progress active"></div>
                <div class="progress active"></div>
                <div class="progress"></div>
                <div class="progress"></div>
                <div class="progress"></div>
            </div><!-- progressbar end -->

            <div class="ui-grid-b top_form">
                <div class="ui-block-a">
                    <select data-role="none" class="form_select_top" style="border:none">
                        <option value="op">Option 1</option>
                    </select>                    
                </div>
                <div class="ui-block-b">
                    <select data-role="none" class="form_select_top">
                        <option value="op">Option 1</option>
                    </select>                    
                </div>
                <div class="ui-block-c">
                    <select data-role="none" class="form_select_top">
                        <option value="op">Option 1</option>
                    </select>                    
                </div>
            </div>          
      </div>
    </div><!--header end-->   

    <div data-role="content" data-iscroll="">        

        <ul class="mobile_list_step_two">
            <li>
                <div class="_imag"></div>
                <div class="_company"></div>
                <h2 class="name_header"></h2>
                <h3 class="name_sube_header"></h3>
                <h3 class="name_sube_header"></h3>
                <h1 class="_price"></h1>
                <div class="collapsible_step_two">
                    <div class="collapse_content_step_two">
                        <div class="ui-grid-a">
                            <div class="ui-block-a">
                                <button data-role="none" class="collapsecontent_btn">Whats Included ?</button>
                            </div>
                            <div class="ui-block-b" style="text-align:right;">
                                <button data-role="none" class="collapsecontent_btn">Information</button>
                            </div>                
                        </div>
                    </div>
                        <button data-role="none" class="collapse_btn_step_two"><img src="images/collapseopen.png" id="collapse_icon"></button>
                </div>                       
            </li>               
        </ul>

    </div><!--content end-->    
    <div data-role="footer" class="footer_style" data-position="fixed" data-tap-toggle="false">
        <div data-role="navbar" class="footer_style" data-grid="c">
        <ul>
            <li><a href="#" id="id_1" data-icon="custom"></a></li>
            <li><a href="#" id="id_2" data-icon="custom"></a></li>
            <li><a href="#" id="id_3" data-icon="custom"></a></li>
            <li><a href="#" id="id_4" data-icon="custom"></a></li>
        </ul>
        </div>
    </div>
</div><!--Page End-->

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-05-22 12:41:00

更新当前版本的jQM和iScroll版本。但我不确定。:-)可能是你对你当前的Js文件做了一些修改。在实际情况下,它不会发生!因此,请将jQM设置设为默认(将当前的jQM替换为默认的jQM js)

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16646799

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档