首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >基础5粘性分区

基础5粘性分区
EN

Stack Overflow用户
提问于 2016-07-27 19:02:39
回答 1查看 536关注 0票数 0

我正在使用ZURBFoundation5,并试图实现以下目标:

我有一个row,其中包含一个搜索框,位于页面的中部。我想坚持<div>,其中包含搜索框在最上面的一旦用户滚动到它。基础5中是否有内置的类来做它,如果没有,有什么替代的方法?请注意,我需要它响应,这样我就不必指定从顶部到div的距离(滚动距离)。

EN

回答 1

Stack Overflow用户

发布于 2016-08-08 20:31:28

我建议在基金会5中使用麦哲伦来做这件事。

您可以在页面中插入以下代码:

代码语言:javascript
运行
复制
<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中的示例

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38621180

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档