jQuery移動添加額外的滾動條到頁面

我目前正在與jQuery手機（第一次）。我的其中一頁包含非常長的文字。如果我在桌面瀏覽器上查看此頁面，jquery將向頁面添加滾動條（除了該瀏覽器之外）。如何刪除第二個滾動條？jQuery移動添加額外的滾動條到頁面

<html> 
<head> 
<title>Header</title> 
<meta name="viewport" id="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> 
... 
</head> 
<body> 
<div id="infoPage" data-role="page" data-add-back-btn="true"> 

    <div data-role="header" data-position="fixed" data-theme="a" data-fullscreen="false" id="detailsHeader"> 
     <a href="../index.html" rel="external" data-icon="back" class="ui-btn-left">Back</a> 
     <h1>Information</h1> 
     <a href="javascript:history.go(0)" data-icon="refresh" data-iconpos="right" class="ui-btn-right">Refresh</a> 
    </div> 

    <div data-role="content" data-theme="a"> 

     <div data-role="collapsible" data-collapsed="false"> 
      <h1>Information</h1> 

      <table data-role="table" data-mode="reflow"> 
       .... 
      </table> 
     </div> 

     <div data-role="content"> 
      <pre>...large text goes here....</pre> 
     </div> 

    </div> 

    <div data-role="footer" data-position="fixed" data-theme="a" data-fullscreen="false" id="detailsFooter"> 
     <div data-role="navbar"> 
      <ul> 
      <li><a href="#overview" rel="external" data-role="button" data-icon="info" data-iconpos="top">Status</a></li> 
      <li><a href="#" data-role="button" data-icon="grid" data-iconpos="top" class="ui-btn-active ui-state-persist">Info</a></li> 
      </ul> 
     </div> 
    </div> 
</div>

對不起......我已經完全忘了代碼。

來源

2013-08-20 musium

請問您可以添加一些代碼嗎？ – hogni89

我已將代碼添加到問題中 – musium

我在使用面板時有一個雙滾動條。我不得不從這個切換我的CSS引用：

<link rel="stylesheet" href="jquery.mobile.structure-1.3.2.css"> 
<link rel="stylesheet" href="jquery.mobile.theme-1.3.2.css">

這樣：

<link rel="stylesheet" href="jquery.mobile-1.3.2.css">

否則嘗試刪除從您的網頁每一個DIV，並通過一個加回一個，直到你看到哪一個是導致第二個滾動條。

來源

2013-10-20 10:05:34 Richard

jQuery移動添加額外的滾動條到頁面

回答

相關問題