2016-05-31 9 views
0

こんにちは私は私のサイドバーのためのブートストラップ貼り付けのクラスを使用しています。私はデータオフセット値を制限するのが好きです。下部には幅の広いコンテンツがあるので、サイドバーはそのセクションと重なっています。私はこのセクションの前にサイドバーを一時停止し、スクロールアップするときはそのエリアから貼り付けを開始する必要があります。 ここに私のHTMLとスクリーンショットがあります。 この問題を解決するのを手伝ってください。おかげさまで 限られた領域にサイドバーを貼り付けるにはどうすればいいですか?

.affix{ 
 
    position: fixed; 
 
    top: 80px; 
 
    left: 63.75%; 
 
}
<div class="col-md-4 col-sm-4 col-xs-12 pull-right" data-spy="affix" data-offset-top="450">
Overlapping issue

答えて

0

Iは、データオフセットボトムとシンプルなCSSを使用してこれを達成しました。ここに私の作業コードです。

.affix-bottom { 
 
    position: fixed; /* Start scrolling again. */ 
 
    left: 63.75%; 
 
}
\t <div class="col-md-4 col-sm-4 col-xs-12 pull-right" data-spy="affix" data-offset-top="450" data-offset-bottom="570">

関連する問題