ブートストラップカラムの内容を固定にする

Question

私は2つのカラムとオフセットを持つブートストラップの行を持っています。最後の列をfixedにして、スクロールしながら見ることができるようにします。最後の列には画像の内容があります。

私はaffixを使用しています。このクラスは、最後の列のdivを固定して配置するためのブートストラップが付いています。しかし、最後の列のイメージのサイズを変更/オーバーフローさせます。固定位置がなければ

1. /.affix：固定poisitionでhttps://jsfiddle.net/tpw9n2e7/1/

2. /.affix：https://jsfiddle.net/tpw9n2e7/2/

あなたは私が話しているかのアイデアを得るために、これらのjsfiddlesを確認することができます

子のサイズを変更したりオーバーフローさせたりせずにdivを固定するにはどうすればいいですか？ v？

Answer 1

あなたの.affix divは、上記のdiv col-md-4の位置が固定されているため、divに従わないと思います。

子コンテンツが.affixに従うように、親divのクラスを.affixクラスに追加する必要があります。

<div class="col-sm-4"> 
    <div class="affix col-sm-4"> 
    <img src="http://via.placeholder.com/450x750" class="img-responsive"/> 
    <br/> 
    Fixed Content 
    </div> 
    </div>