0

jquery モバイル アプリがあり、その中に折りたたみ可能な div があります。

この折りたたみ可能なものをクリックすると開きますが、ページの高さは 100% のままです。つまり、下にスクロールして中身を見ることができません。

jquery mobile は、このようなものを開いたときにページの高さを調整するためのものだと思いましたか?

<div id="hints" class="main" data-role="page" data-theme="a">
    <div data-role="content" id="content">
         <h2>Hints &amp; Tips</h2>
         <p>Helping you get the most out of ARMA 3</p>
         <div data-role="collapsible" data-theme="e" data-content-theme="e">
             <h4>Launch Paramaters</h4>
         </div>
    </div>
</div>

JS を必要としないため、可能であれば JS ではなく CSS の修正が本当に必要です。

私が試してみました：

* {
    min-height:100% !important;
}

* {
    min-height:auto !important;
}

それに影響すると思われる CSS は次のとおりです。

.ui-panel{
border:1px solid #333;
background:#111;
color:#fff;
font-weight:bold;
text-shadow:0 -1px 0 #000;
background-image:-webkit-gradient(linear,left top,left bottom,from( #3c3c3c ),to( #111 ));
background-image:-webkit-linear-gradient( #3c3c3c,#111 );
background-image:-moz-linear-gradient( #3c3c3c,#111 );
background-image:-ms-linear-gradient( #3c3c3c,#111 );
background-image:-o-linear-gradient( #3c3c3c,#111 );
background-image:linear-gradient( #3c3c3c,#111 )
}
4

2 に答える 2

-1

あなたの問題は奇妙です、これは起こるべきではありません。ページの CSS またはスタイル プロパティを変更しましたか? (固定高さの定義など)

于 2013-04-16T09:09:53.123 に答える