小编Col*_*all的帖子

尝试创建一个始终坚持网站顶部的菜单.跟随zurb.foundation的文档,但.sticky的行为总是出乎意料的方式.或者也许我没有明显的一些？

请在这里查看重建:http: //codepen.io/mister-hansen/pen/wMgrPm

如果站点向下滚动,并且达到初始视口的精确高度,则粘滞插件会将元素.sticky从is-stuck is-at-top:更改为:.is-anchored .is-at-bottomso .sticky消失.

谢谢.

更新 文档的第一部分:foundation.zurb.com/sites/docs/sticky.html解释了所描述的行为.由于默认主体{height:100%} css,主体完全按最大值解释.视口高度.

所以在我的情况下解决方案是a)用auto替换body的高度.但更好b)避免对预期的固定标头使用粘性功能.

我以前使用基础5使用指南针来做sass的事情.但现在我切换到基础6,我总是做不到.当运行gulp时,它显示错误:

file to import not found or unreadable: util/util

我在这里找到了一个答案:http://foundation.zurb.com/forum/posts/36389-what-is-import-utilutil,其中说基础6使用libsass,但我不知道libsass并且想要使用指南针因为我已经使用了commpass mixins并在我的项目中运行了类似功能.我尝试了他们说的方式,但没有成功.谁知道如何使用指南针使用基础6？顺便说一句,我使用命令行生成我需要的所有工具的基础项目,然后我使用基础5和grunt复制并粘贴我的旧项目到新的基础6文件夹.谢谢.

我目前正在使用Foundation 6中的orbit.js滑块,而没有看到显示幻灯片编号的选项.

你能就此提出建议或分享一些例子吗？

谢谢!

我在我的项目中使用Zurb Foundation,非常方便.但我很困惑,我怎么能添加自己的JavaScript,这只是在加载该页面时的特定页面的DOM.

我在页面的部分中使用了第三方图表库,我必须使用一些JavaScript初始化图表容器.这些JavaScripts无法组合到final中,app.js因为其他页面不包含图表容器div.那么任何人都可以给我一些建议吗？

编辑:以下是我的项目结构.

src/
??? assets
?   ??? img
?   ?   ??? x.jpg
?   ??? js
?   ?   ??? app.js
?   ?   ??? draw.js
?   ?   ??? xcharts.js
?   ??? scss
?       ??? app.scss
?       ??? news.scss
?       ??? _settings.scss
??? data
??? layouts
?   ??? default.html
??? pages
?   ??? news.html
?   ??? template.html
??? partials
?   ??? news-header.html
??? styleguide
    ??? index.md
    ??? template.html

我尝试在我的图表容器之后添加我的JavaScript代码,但我不能,因为它使用了jQuery.Assuming我的JavaScript是draw.js.gulp将自动合并draw.js到app.js每个页面.如果我只包括draw.js …

如下图所示，表格向左移动。我希望它在行内居中（=屏幕中间）。如何使用粉底正确地做到这一点？

<section class="section_light">
    <div class="row">
        <div class="four columns">
          <div class="signup-panel">
            <h4 class="welcome">Login</h4>
            <form data-abide method="post" action="connection" id="form_login">
              <div class="row collapse">
                <div class="small-12  columns">
                  <input name="username" type="text" placeholder="Username" required>
                </div>
              </div>
              <div class="row collapse">
                <div class="small-12 columns ">
                  <input name="password" type="password" placeholder="Password" required>
                </div>
            </div>
            <input type="submit" class="round button" value="Login"/>
        </form>
      </div>
    </div>
   </div>
</section>

我已经玩了很多但html没有成功。

编辑：phortx 的解决方案