问题标签 [zurb-foundation-5]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 设置高度和滚动
我正在使用基础显示模式。
有没有办法(使用CSS)设置模式的高度,使其永远不会超过图像的高度,然后如果长文本超过高度,让它滚动?
javascript - Zurb Foundation 5 选项卡不起作用
我使用 ZURB Foundation 5 的标签。当我单击一个选项卡时,URL 中的哈希值会发生变化。
我想防止这种行为,因为我使用哈希来处理页面加载。
我试图使用preventDefault
,但什么也没发生。
有谁知道如何实现这一目标?
第二次尝试它确实有效。但不适用于从 Ajax 加载的内容
这是我的 index.html
这是我的 app.js
这是我的 solar.html
html - 响应式布局中的角功能区
我正在尝试为响应式布局制作角落功能区。
我使用以下方法来定位它:
我有功能区,当用户调整屏幕大小时会出现我的问题,我怎样才能始终获得它以便功能区站点在角落?我尝试过使用不同的百分比偏移量,但它是命中注定的。
tabs - 象限布局中的 Zurb Foundation 选项卡
我想使用从 Zurb Foundation 文档中找到的这段代码。不幸的是,选项卡是水平布局的。我需要他们这样-
这是来自 Zurb Foundation 的选项卡代码及其链接
http://foundation.zurb.com/docs/components/tabs.html#tabs-deeplink-2
html - 推/拉 - 基础
在小屏幕上,我首先需要标题,然后是文本字段,但在中等及以上屏幕上,我需要相反的方式 - 我尝试过推拉,但它们无法工作 - 有什么想法吗?
javascript - Zurb 基金会 - 遵守验证不会触发
我试图让 Foundation 的 Abide 验证使用简单的静态表单,但我没有收到任何错误或响应。我希望看到无效输入元素中添加了数据无效属性,但它们保持不变。
我已经包含了 Modernizr、jQuery 以及从 Zurb 文档中可以看到的所有 Abide 所需的依赖项。我现在不关心 CSS,只想让 Abide 验证表单。
以下大部分代码取自 Zurb Foundation 文档:
任何人都可以看到上面有什么问题吗?所有 .js 文件正在加载,Chrome 控制台中没有 404 错误。
zurb-foundation - 具有固定页面内容的画布菜单
我有一个固定的菜单,我总是希望它在我的页面顶部:
我还想要一个非画布菜单。
我遇到的问题是,当您打开关闭画布菜单时,固定菜单不再固定。
在解决了这个问题之后,这与 3d 变换有关,但我找不到解决方法。
这是一个JSFiddle
css - em-calc 和 rem-calc 的区别
em-calc
到目前为止,我一直在我的 Zurb Foundation 项目中使用CSS 大小定义。但是,最近我注意到开发人员 rem-calc
越来越多地使用它。
我知道每个函数的作用,但我真的不明白什么时候应该使用em-calc
or rem-calc
。
这两个功能有什么区别?
html - Foundation 5 粘性页脚(工作示例,但有需要解决的错误)
以前有人问过这个问题,现在我也问过,因为我还没有找到一个有效的跨浏览器示例。
目前我正在研究一个跨平台的粘性页脚,但是我遇到了一个我无法完全理解的错误(见最后的图片)
http://mnrb.dk/template-2-test/
HTML
CSS
Chrome 中的问题