1

ナビリストの一番下に画像を貼り付けて、ページがスクロールしてもそこにとどまるようにしようとしています。

これは私が望んでいるものです:

ここに画像の説明を入力

これは、接辞が開始されたときに得られるものです。

ここに画像の説明を入力

写真のようにとどまる必要があります。問題をグーグルで検索し、スタックオーバーフローを検索してみましたが、結果はありませんでした。

コードは次のとおりです。

<!--SIDEBAR NAVIGATION -->
                <ul class="nav nav-list well hidden-phone hidden-tablet" data-spy="affix" data-offset-top="850"> 
                    <li class="nav-header">The Green Panda</li>
                    <li class="divider"></li> 
                    <li><a href="#whatwedo">What We Do</a></li> 
                    <li class="divider"></li> 
                    <li><a href="#oursolutions">Our Solutions</a></li> 
                    <li class="divider"></li> 
                    <li><a href="#morethanwebdesign">More Than Web Design</a></li>
                    <li class="divider"></li> 
                    <li><a href="#contactinfo">Contacting Us</a></li>
                </ul>
                <img src="img/woody-effect.png" class="img-bottom nav-list" data-spy="affix" data-offset-top="850">
4

1 に答える 1

1

編集：

セレクターが間違っていました。

メニューの高さが静的な場合、固定スタイルに切り替わったときにその画像にクラスを追加し、次の css を適用できます。

top: 310px;

これにより、メニューの一番下に配置されます。

.affix の下にクラスを設定し、それを画像に適用します (id panda_logo を追加します)。

#panda_logo.affix {
    top: 310px
}
于 2013-05-16T21:34:46.290 に答える