Html 隐藏引导中滚动到输入后面的文本

在我的示例中，我有一个固定的输入数据spy=affix，由于父对象的原因，它向下移动了90px

因此，唯一应该滚动的是文本。这确实有效

我的问题是，在输入后面滚动的文本是可见的，我想隐藏它

我试图在输入之前添加一个白色框，但我所有的尝试都没有真正成功！ 所以我希望你能帮助我！谢谢

---

事实上@nico-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>

见：

---

@nico-o还建议使用可滚动的文本容器，请参见示例

，最好将输入位置的父对象固定。给这个元素一个背景色，比如白色。将元素放置在文本容器的最顶部。更可移植的解决方案是使文本容器可滚动。

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