问题标签 [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.

0 投票
2 回答
621 浏览

html - 设置高度和滚动

我正在使用基础显示模式。

有没有办法(使用CSS)设置模式的高度,使其永远不会超过图像的高度,然后如果长文本超过高度,让它滚动?

0 投票
1 回答
1254 浏览

javascript - Zurb Foundation 5 选项卡不起作用

我使用 ZURB Foundation 5 的标签。当我单击一个选项卡时,URL 中的哈希值会发生变化。

我想防止这种行为,因为我使用哈希来处理页面加载。

我试图使用preventDefault,但什么也没发生。

有谁知道如何实现这一目标?

第二次尝试它确实有效。但不适用于从 Ajax 加载的内容

这是我的 index.html

这是我的 app.js

这是我的 solar.html

0 投票
1 回答
4233 浏览

html - 响应式布局中的角功能区

JSFiddle

我正在尝试为响应式布局制作角落功能区。

我使用以下方法来定位它:

我有功能区,当用户调整屏幕大小时会出现我的问题,我怎样才能始终获得它以便功能区站点在角落?我尝试过使用不同的百分比偏移量,但它是命中注定的。

0 投票
1 回答
37 浏览

tabs - 象限布局中的 Zurb Foundation 选项卡

我想使用从 Zurb Foundation 文档中找到的这段代码。不幸的是,选项卡是水平布局的。我需要他们这样-在此处输入图像描述

这是来自 Zurb Foundation 的选项卡代码及其链接

http://foundation.zurb.com/docs/components/tabs.html#tabs-deeplink-2

0 投票
1 回答
946 浏览

html - 推/拉 - 基础

在小屏幕上,我首先需要标题,然后是文本字段,但在中等及以上屏幕上,我需要相反的方式 - 我尝试过推拉,但它们无法工作 - 有什么想法吗?

0 投票
2 回答
2494 浏览

javascript - Zurb 基金会 - 遵守验证不会触发

我试图让 Foundation 的 Abide 验证使用简单的静态表单,但我没有收到任何错误或响应。我希望看到无效输入元素中添加了数据无效属性,但它们保持不变。

我已经包含了 Modernizr、jQuery 以及从 Zurb 文档中可以看到的所有 Abide 所需的依赖项。我现在不关心 CSS,只想让 Abide 验证表单。

以下大部分代码取自 Zurb Foundation 文档:

任何人都可以看到上面有什么问题吗?所有 .js 文件正在加载,Chrome 控制台中没有 404 错误。

0 投票
1 回答
169 浏览

zurb-foundation - 具有固定页面内容的画布菜单

我有一个固定的菜单,我总是希望它在我的页面顶部:

我还想要一个非画布菜单。

我遇到的问题是,当您打开关闭画布菜单时,固定菜单不再固定。

在解决了这个问题之后,这与 3d 变换有关,但我找不到解决方法。

这是一个JSFiddle

0 投票
1 回答
9953 浏览

css - em-calc 和 rem-calc 的区别

em-calc到目前为止,我一直在我的 Zurb Foundation 项目中使用CSS 大小定义。但是,最近我注意到开发人员 rem-calc越来越多地使用它。

我知道每个函数的作用,但我真的不明白什么时候应该使用em-calcor rem-calc

这两个功能有什么区别?

0 投票
0 回答
609 浏览

html - Foundation 5 粘性页脚(工作示例,但有需要解决的错误)

以前有人问过这个问题,现在我也问过,因为我还没有找到一个有效的跨浏览器示例。

目前我正在研究一个跨平台的粘性页脚,但是我遇到了一个我无法完全理解的错误(见最后的图片)

http://mnrb.dk/template-2-test/

HTML

CSS

Chrome 中的问题 Chrome 中的问题

0 投票
3 回答
84 浏览

css - 在 li 内对齐图像

我有一个包含图像的列表。该列表是基础中的一个居中列。

小提琴

我需要它,以便列表元素图像都在同一“行”中对齐,而不是沿着页面向下。

我怎样才能做到这一点?我试过了:

但没有运气。