Question

我只是制作一个示例网站，因为我想制作一个移动网站..

<!DOCTYPE html> 
<html> 
    <head>
        <title>jQuery Mobile</title>
        <meta charset="utf-8" />    
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
        <link href="./framework/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css" />
        <script src="./framework/jquery-1.6.4.min.js"></script>
        <script src="./framework/jquery.mobile-1.0.min.js"></script>
    </head> 
    <body>
        <div data-role="page">
            <div data-role="header">
                <h1>Button</h1>
                <a href="#" data-role="button" data-inline="true" data-icon="minus">button</a>
            </div>  
            <div data-role="content">   
                <a href="#" data-role="button" data-inline="true" data-icon="home">button</a> 
                <a href="#" data-role="button" data-inline="true" data-icon="home" data-iconpos="right">button</a> <br/>
                <a href="#" data-role="button" data-inline="true" data-icon="home" data-iconpos="top">button</a> <br/>
                <a href="#" data-role="button" data-inline="true" data-icon="home" data-iconpos="bottom">button</a> <br/>
                <a href="#" data-role="button" data-inline="true" data-icon="home" data-iconpos="notext">button</a> <br/>
                <a href="#" data-role="button" data-inline="true" data-icon="letter-s">button</a>
            </div>
            <div data-role="footer">
            <h1>Copyright</h1>
            </div>
        </div>
    </body>
</html>

但是当它在Mobile中启动时，会出现滚动条.. 当我不使用jQueryMobile时，滚动条已经消失了...... 我很好奇为什么要制作滚动条.. 因为ajax-loader？还是因为jQuery-css设置？滚动条只进行1毫米滚动..我想删除它

示例网站为http://mbtistudy.cafe24.com/jstest.html 我很感激你的帮助......

Answer 1

好的，你必须从导致滚动条的ui-page ui-body-c ui-page-active中删除最小高度。同时删除最小高度，如果它仍然显示.ui-mobile, .ui-mobile .ui-page，则将其overflow: hidden添加到此处。

Answer 2

将以下样式类添加到页面中，它将删除滚动条。

.ui-mobile .ui-page 
{
     min-height: 300px;
     overflow: hidden;
}

Answer 3

在你的CSS中添加这个概率帮助：

.ui-content .ui-listview, .ui-panel-inner>.ui-listview { margin:0em}

当我使用jQueryMobile时，会出现滚动

3 个答案: