1

私は現在、jQuery モバイルを使用しています (初めて)。私のページの 1 つに非常に長いテキストが含まれています。このページをデスクトップ ブラウザで表示すると、jquery はスクロール バーをページに追加します (ブラウザのスクロール バーに加えて)。2 番目のスクロール バーを削除するにはどうすればよいですか?

<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>

申し訳ありません...コードを完全に忘れてしまいました。

4

1 に答える 1