隱藏在引導後輸入後面滾動的文本

在我的示例中，我有一個固定輸入data-spy="affix"，由於父母<div class="container" style="margin-top:80px">而向下移動90px。隱藏在引導後輸入後面滾動的文本

所以唯一應該滾動的是文本。這實際上有效！

我的問題是，在輸入後面滾動的文本是可見的，我想隱藏它！

enter image description here

我試着輸入之前加一個白盒子，但我所有的嘗試在那裏沒有真正的成功！所以我希望你能幫助我！由於

http://bootply.com/113734

來源

2014-02-14 John Smith

這將是最好的使您的輸入位置的父母已修復。給這個元素一個背景色，像白色。將元素放置在文本容器的頂部。一個更便攜的解決方案是使文本容器可滾動。 –

事實上@尼科-O這裏已經給出了答案。包裝你輸入一個div裏面並應用這一詞綴：

<div style="background-color:white;padding-top:80px;" data-spy="affix" data-offset-top="1"> 
<input class="form-control" id="searchterm" name="tags" placeholder="Input" type="text"> 
</div>

這樣做，你將有同樣的問題如下所述：Bootstrap 3RC1 + Side Panel + Affix。

爲了解決這個附加：

$(document).scroll(function(){ 
    $('.affix').width($('.container').width()); 
});

參見：http://bootply.com/113811

@尼科-O還提出一個滾動文本容器，請參閱http://getbootstrap.com/javascript/#scrollspy-examples爲例

來源

2014-02-14 16:02:25

隱藏在引導後輸入後面滾動的文本

回答

相關問題