0

以下は私のコードの特定の部分です。下にスクロールした後に接辞が適用されるたびに、div 全体のサイズが変更されます。私は何を間違っていますか？

<div class="mythumb" data-spy="affix" data-offset-top="90">
                <img src={$profimg_src} style="width:100%;"  data-src="holder.js/300x200"/> 
                <div class="caption">
             <h5>{$firstname}{$middlename}{$lastname}</h5>
            </div>
            <div class="btn-group">
    <button class="btn" id="subscribe">Subscribe</button>
    <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
    <!-- dropdown menu links -->
    <li><a href="#">Subscribe To All posts</a></li>
    <li><a href="#">Subscribe To Ideas Only</a></li>
    <li><a href="#">Subscribe To Posts Only</a></li>
    </ul>
    </div>
            </div>
4

1 に答える 1

2

接辞を使用する場合、JS は、90 ピクセル (この場合) スクロールすると、スパイしている div に接辞のクラスを追加します。

これを行うと、通常のフローから div が取り除かれるため、通常、追加された div の新しいスタイルを作成する必要があります。

このようなものが始まりです： 

.mythumb.affix{
top:50px;
margin: 0 auto;
width:940px;
height:200px;
}

z-index と position の値も指定する必要がある場合があります。あなたの現在のページがどのようなものかわかりませんので、上記の CSS は単なる推測です。根本的な原因が、貼り付けられた div が通常の流れから外れたためであることがわかったら、通常は目的に合わせてスタイルを変更できます。

お役に立てれば！

于 2013-05-31T16:12:47.887 に答える