使用Bootstrap滾動Div的解決方案是什麼3

我試圖粘貼一個div並垂直滾動它。但問題是，當我開始滾動div變小插入的圖片描繪了一切。使用Bootstrap滾動Div的解決方案是什麼3

請參考圖片'before_scroll'和'after_scroll'瞭解問題。波紋管是我的HTML和JS代碼：

HTML: 
<div id="my-affix" data-spy="affix" data-offset-top="60" data-offset-bottom="200" class="affix fixed-top"> 
    <div class="container-fluid header"> 
     <div class="row"> 
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
       <img class="img-responsive logo" src="image/logo.png" alt="" /> 
      </div> 
     </div> 
    </div> 
</div> 

JS: 

$('#my-affix').affix-top({ 
    offset: { 
     top: 1000 
    , bottom: function() { 
     return (this.bottom = $('.footer').outerHeight(true)) 
     } 
    } 
    })

圖片： https://dl.dropboxusercontent.com/u/80495844/after_scroll.jpg https://dl.dropboxusercontent.com/u/80495844/before_scroll.jpg

來源

2014-10-09 Shah Muhammad Saklaen

不可能告訴任何東西看你的圖像需要看到CSS – 2014-10-09 16:38:19

正如我已經使用引導這項工作，引導擁有所有的CSS。我沒有寫任何東西！ – 2014-10-09 17:07:25

當您切換上滾動類/風格，成爲position:fixed或position:absolute，固定/絕對元素都需要一個大小或位置。

#my-affix {left:0;right:0;} /* example only */

來源

2014-10-09 17:52:24 Christina

使用Bootstrap滾動Div的解決方案是什麼3

回答

相關問題