0

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

4

1 に答える 1

0

最も簡単な方法は、すべてのフロートをクリアする余分な 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ます。

于 2012-04-10T21:48:09.217 に答える