3

私はこのようにBootstrap Affixを使用しています:

<div data-spy="affix" data-offset-top="220">

そして、接辞がトリガーされたときに位置を修正するために、このcssを追加します:

.affix {
        position: fixed; 
        top: 20px; 
        z-index:1;
        margin-left: auto ; 
        margin-right: auto ;
    }

複数の Dom 要素で Affix を使用して、次のような別の css に影響を与えることは可能ですか?

<div data-spy="affix2" data-offset-top="220">
.affix2 {
            position: fixed; 
            top: 50px; 
            z-index:1;
        }
4

1 に答える 1

7

2 つの div の指定子を作成できます。

HTML

<div id="affix1" data-spy="affix" data-offset-top="220">..</div>
<div id="affix2" data-spy="affix" data-offset-top="220">..</div>

CSS

#affix1.affix {
    position: fixed; 
    top: 50px; 
    z-index:1;
}

#affix2.affix {
    position: fixed; 
    top: 200px; 
    z-index:1;
}

ここにデモがあります: http://bootply.com/63178

于 2013-06-04T17:15:37.507 に答える