jquery - div をその中の div にサイズ変更します

Question

maskscrollTo() 効果で使用するID で div のサイズを変更する際に問題があります。

は#mask100% ブラウザの両側にサイズが設定さoverflow: hiddenれているため、メニューをクリックすると、選択した div までマスクがスクロールします。

HTML は次のようになります。

<div id="mask">
  <div id="scrollcontent">
     <div id="content1">
     </div>
     <div id="content2">
     </div>       
     etc.....
</div>

問題は、マスク内の div の 1 つに、マスク div には大きすぎるコンテンツがあり、完全に表示できないことです。完全に表示できるように、マスク div のサイズを内部のコンテンツ div に変更する方法はありますか?

繰り返しますが、マスクは次のとおりですoverflow:hidden:/

Answer 1

最も簡単な方法は、すべてのフロートをクリアする余分な div を最後に追加することです

<div id="mask">
    <div id="scrollcontent">
       <div id="content1">
       </div>
       <div id="content2">
       </div>
       <div style="clear: both"></div>
    </div>
</div>

Micro Clearfix Hackを使用して、疑似クラスのスタイリングを行うこともできます。

編集:外側の div でスクロールバーを使用するには、に変更overflow: hiddenしoverflow: scrollます。