div内のdivへのサイズ変更

Question

scrollTo（）エフェクトで使用するID maskのdivのサイズを変更するときに問題が発生します。

#maskのサイズはブラウザの両面100％、overflow: hiddenです。したがって、メニューをクリックすると、選択したdivにスクロールします。

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

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

問題がマスクの内側のdivの一つでは、マスクのdivのために大きすぎるコンテンツを持っていると私は完全にそれを見ることはできません。マスクdivを内容div内にサイズ変更して完全に表示できるようにする方法はありますか？

ここでも、マスクはoverflow:hiddenです：/

Answer 1

最も簡単な方法は、Micro Clearfix Hackを使用して、すべてが

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

あなたはまた、いくつかの疑似クラスのスタイリングを行うことができます浮かぶクリア末尾に余分なdiv要素を追加することです。

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