我正在使用ZURBFoundation5,并试图实现以下目标:
我有一个row
,其中包含一个搜索框,位于页面的中部。我想坚持的<div>
,其中包含搜索框在最上面的一旦用户滚动到它。基础5中是否有内置的类来做它,如果没有,有什么替代的方法?请注意,我需要它响应,这样我就不必指定从顶部到div的距离(滚动距离)。
发布于 2016-08-08 20:31:28
我建议在基金会5中使用麦哲伦来做这件事。
您可以在页面中插入以下代码:
<div data-magellan-expedition="fixed">
<div class="row" data-magellan-arrival="search">
<div class="large-12 columns">
<a name="search"></a>
<div class="row collapse" data-magellan-destination="search">
<div class="small-10 columns">
<input type="text" placeholder="Search the database">
</div>
<div class="small-2 columns">
<button class="button postfix expand">Go</button>
</div>
</div>
</div>
</div>
</div>
我创建了这个CodePen中的示例
https://stackoverflow.com/questions/38621180
复制相似问题