我正在为我的站点使用ZurbFoundation4框架。我想要一个导航栏,该导航栏位于标题下方,当您滚动过去时该标题会粘在页面顶部。这工作正常,除了当顶部栏粘在页面顶部时页面内容会跳起~45像素。可以在此页面上看到效果,尽管这是一个不同的导航元素:http://foundation.zurb.com/docs/components/magellan.html有什么方法可以解决这个问题,还是我必须更改我的网站设计以适应这个错误?文档在这里:http://foundation.zurb.com/docs/components/top-bar.htmlTopBarMenuItem1Level
我对foundation有点熟悉,我想知道如何禁用按钮,并在用户输入时验证它并更改按钮以启用提交。表单示例:YournamerequiredNameisrequiredandmustbeastring.EmailrequiredAnemailaddressisrequired.禁用:现在,当用户继续输入时,我希望它得到验证,如果一切正确,启用按钮,我知道我可以用jQuery.change()来做到这一点,但是有没有遵守的标准方式?我已经做了很多研究,但我没有看到我想要实现的目标,我可以通过Bootstrap验证来实现,但不是基础。更新这是我使用bootstrap实现我想要的插件,Val
我正在使用ZurbFoundation对于响应式网站。我想使用以下HTML结构将Accordion嵌套在Accordion中:FirstAccordionPanelTitleFirstAccordionPanelContentSecondAccordionPanelTitleSecondAccordionPanelContentParentAccordionPanelTitleChildAccordionPanelTitleChildAccordionPanelContent...看起来像这个设置,当父Accordion面板打开时,随后的子Accordion面板被打开(或者至少一些标志
尝试创建一个始终固定在网站顶部的菜单。遵循zurb.foundation的文档,但.sticky的行为总是出乎意料。或者也许我没有得到一些明显的信息?请在此处检查重建:http://codepen.io/mister-hansen/pen/wMgrPm如果网站向下滚动,并恰好达到初始视口(viewport)的高度,粘性插件会将元素.sticky从is-stuckis-at-top更改为:.is-anchored.is-at-bottom所以.sticky消失了。谢谢。更新文档的第一部分:foundation.zurb.com/sites/docs/sticky.html解释了所描述的行
我正在尝试使用Rails为ZurbFoundation创建一个按钮来上传图片。我试过这个:不幸的是,它不起作用并创建了两个不同的按钮来让您选择图片。有什么我需要专门为文件字段做的吗? 最佳答案 我发现这个资源对设置inputtype="file"的样式很有帮助:http://www.quirksmode.org/dom/inputfile.html这是出了名的困难,但这本质上涉及将实际输入与应用了您的样式的假输入分层。使用以下CSS:div.file-inputs{position:relative;}div.hidden-inpu
我想在row中有5列,对于宽度小于480像素的小型设备屏幕只有1列。我是zurbfoundation的新手,仍在学习它。fiddle示例http://jsfiddle.net/V7TuY/1/这种东西用列好还是用列表好ulli 最佳答案 Thefoundationgridisbasedon12"units"perrow.在您的示例中,您有5与类medium-3和large-3=每行15个单位。Foundation将设法将前4个放入(4*3=12个单位),然后将第五个推到下面的行。适合您的5件元素的一个想法是给所有元素都赋予mediu
我正在使用foundation3构建响应式网站,但我想让页脚和导航背景宽度占据整个宽度?我将我的行命名为class="rownavigation"class="rowfooter"我尝试寻找解决此问题的方法,但我别无选择。我假设它是foundation.css文件中的一个小修复程序,但由于我是新手,目前它有点过于庞大。非常感谢任何指针。 最佳答案 我昨天遇到了同样的问题。诀窍是,对于全宽跨越block,您只需将它们放在行/列结构之外,因为行/列将始终应用默认填充。保持页脚和页眉独立,并在其中使用行/列。Thiswillspanthe
我正在构建一个登录表单,我希望用户名和密码字段位于屏幕中间。我也在使用ZurbFoundation包来构建这个表单。我在垂直居中时遇到了很多麻烦。这是我的代码:RegistrationTitleLinkLink还有一些我玩过但还没有开始工作的CSS:body{/*background-image:url('../images/gplaypattern.png');*/background:red;}#register{background-color:black;width:80%;}#parent{position:absolute;left:50%;top:50%;height:8