问题标签 [zurb-foundation-6]
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.
responsive-design - Foundation 6 数据响应菜单参数
我正在使用集成在 wordpress 中的基础 6 构建响应式导航。我想使用 data-responsive-menu 属性来触发小屏幕上的向下钻取插件。简单的。问题是我不想要其他屏幕尺寸上的任何其他插件。文档给出了这个例子:
但是这个在小屏幕上触发下钻插件和在大屏幕上下拉。如果我只使用“drilldown”选项或“small-drilldown”,它会针对所有媒体查询。我知道我可以调用 wp_nav_menu 的两个实例,分别使用 show-for-small-only 和 show-for-medium-up,但我想知道是否可以在不打印两个相等菜单的情况下实现这一点。
zurb-foundation - Foundation6 响应式导航
真的很欢迎对我的导航栏提供一些帮助。我正在努力实现我认为最明显的设置。大屏幕上的下拉菜单和小屏幕上的向下钻取。我在这里有一支笔,但有不应该存在的项目符号,并且菜单在较大的屏幕上水平打开(我想要垂直)。
zurb-foundation-6 - JointsWP / Foundation 6 顶部菜单 FOUC
自从在 Foundation 6 中采用 JointsWP 以来,我在 Topbar 上遇到了 FOUC 的真正问题。我必须使用 JointsWP 和 Foundation 5 构建了大约 10 个站点并且从未遇到过问题,但是我正在处理的 2 个 F6 站点在加载前似乎有几秒钟完全没有样式的顶部栏。
还有人经历过这个吗?有小费吗??
javascript - Foundation 6 网格程序化列删除
我在一个新项目中使用foundation 6,偶然发现了一个问题。我有一个网格,我想隐藏一个列(我想稍后再显示),问题是如果我隐藏该列,它不会重新排序所有其他列,我尝试用 jQuery 隐藏它和通过将它隐藏在 Foundation 的hide
类中(我猜这基本上是一样的)。我能够实现所需功能的唯一方法是完全删除该列,但我需要稍后再次显示它,所以这不是一个选项。
请看一下小提琴,以更好地了解我需要什么。(单击其中一个按钮后,您必须再次运行脚本)
zurb-foundation - Foundation 6 Reveal Modal 无法使用动态数据正确调整大小
以下带有模态表单的基本 Foundation 6 设置正在运行。我的意思是,一旦模态表单出现在屏幕上,当我更改浏览器的大小时,它会正确调整大小。
现在,当我将内容放在外部文件中时,像下面的示例一样加载它。模态表单不再正确调整大小。
任何人都知道如何在动态加载时使模态表单正确响应?
zurb-foundation-6 - Foundation 6 如何不环绕 flex 网格列?
我决定使用foundation 6 的新弹性网格,我注意到我没有像使用块网格那样得到预期的行为。
这是 HTML,在两个实例中使用的代码相同:
我尝试使用Flex Grid和Block Grid
我打算在 Flex Grid 中获得 Block Grid 链接的结果,这可能吗?
我浏览了 F6 文档,但在其中找不到合适的解决方案(至少从我发现的内容来看)。
谢谢!
css - 将两个菜单与基础顶栏并排的最佳方式是什么
我想在右侧有两个单独的菜单,但彼此相邻(不堆叠)。
唯一对我有用(而且我已经尝试了很多)是下面的代码,它涉及我使用 top-bar-right 两次,感觉必须有更好的方法,它似乎引起了轻微的抽搐每次重新加载页面时。
http://codepen.io/anon/pen/MKqzaG (下拉菜单在这里不起作用,但在我的机器上起作用。
zurb-foundation-6 - Foundation 6 offcanvas 切换跳转到顶部
早上好,我想知道是否有办法阻止 Foundation 6 的 toggle off-canvas 跳转到页面顶部。我注意到这种行为也出现在F6 官方文档中