基础 - 坚持不在小屏幕上工作

时间:2017-04-25 21:05:03

标签: sticky zurb-foundation-6

我有一个粘性导航,适用于各种尺寸,我希望在导航滚动下有一个div棒(它会过滤掉过滤器上的帖子)页)。

http://mindtools.io/rob-test-mobile/

所以"这是STICKY" h1坚持中型和大型,但不是小型。我有什么明显的遗失吗?为什么这不适合小尺寸?

谢谢!

2 个答案:

答案 0 :(得分:7)

默认情况下,data-sticky从中等设置。添加data-sticky-on =“small”以使其在小型设备上运行 http://foundation.zurb.com/sites/docs/sticky.html#js-options

答案 1 :(得分:0)

我有

data-top-anchor="1" data-options="marginTop:0;stickyOn: small;" 

在我的粘性元素中,但它并没有粘在小元素上,而是在交换:

data-options="anchor: page; marginTop: 0; stickyOn: small;"

开始工作