0

私は Safari Web 拡張機能を持っています。ボタンをクリックすると、ドロップダウンが表示されるはずです。もう一度クリックすると消えます。これは、他のすべての ios デバイスおよび mac では期待どおりに機能しますが、ipad では、最も外側のコンテナー (白い部分) が下降したままになります。これが機能する方法は、html にセクションがあることです。

<section id="activeMerchants">
        <h2>
            <span class="toggle">
                View Active Retailers <span id="triangle">&#x2023;</span>
                <!--<span id="triangle">▶&lt;/span>-->
            </span>
        </h2>
        <div class="showhide" id="showhide">
            <div class="ams loading"> </div>
        </div>
</section>

その中の "showhide" div は、デフォルトで "display: none" に設定されています。ボタンをクリックすると、「display: block」に設定され、そのセクションが展開され、情報のリストが表示されます。もう一度クリックすると、「表示: なし」に設定され、すべてのコンテンツが消えますが、最も外側のコンテナーは大きいままです。私のhtmlコードにもないので、編集方法を教えてください。 - 下記参照 ここに画像の説明を入力

ご覧のとおり、html が強調表示されていますが、使用可能な空白の約半分しかカバーしていないため、最も外側の要素が下降したままになっている原因がわかりません。誰かがこれを修正する方法を知っているなら、私に知らせてください。

4

0 に答える 0