Zurb foundation Zurb基金会6粘性头和画布菜单

我一直在互联网上寻找解决方案，但还没有找到

我有一个带有粘性标题/导航的站点，它有一个汉堡按钮来打开非画布菜单。非画布包装器包装所有内容，包括标题。标题导航可以工作，但当您打开“离开画布”菜单时，标题将消失。最重要的是，如果你向下滚动页面，你看不到离开画布菜单中的菜单项-你必须向上滚动

网上有人建议将标题/导航从非画布包装器内部取出，这样可以防止栏消失，但您无法单击菜单栏关闭非画布菜单

还有其他人找到了解决办法吗？

我有一个解决办法：

将粘性/固定div移到“非画布内容”之外

我们需要做的最后一件事是向我们的app.js添加一些JQUERY：

$('.menu_left').click(function() {
    $('.fixed_div').toggleClass('is-open-right has-transition-push has-position-right');
});
$('.menu_right').click(function() {
    $('.fixed_div').toggleClass('is-open-left has-transition-push has-position-left');
});
$('.close-button, .js-off-canvas-overlay').click(function() {
    $('.fixed_div').removeClass('is-open-right is-open-left has-transition-push has-position-right has-position-left');
});

就这些：）

我有一个解决方案：

将粘性/固定div移到“非画布内容”之外

我们需要做的最后一件事是向我们的app.js添加一些JQUERY：

$('.menu_left').click(function() {
    $('.fixed_div').toggleClass('is-open-right has-transition-push has-position-right');
});
$('.menu_right').click(function() {
    $('.fixed_div').toggleClass('is-open-left has-transition-push has-position-left');
});
$('.close-button, .js-off-canvas-overlay').click(function() {
    $('.fixed_div').removeClass('is-open-right is-open-left has-transition-push has-position-right has-position-left');
});

---

仅此而已：）

你所说的“页眉消失”是什么意思？它向右移动太远或根本看不见？它向右移动，但随后消失。@bmac希望汉堡条在小屏幕上有粘性，并且，您希望标题在小屏幕上也可见吗？另外，当你写所有屏幕尺寸的标题上都有汉堡图标时，你是认真的吗？如果没有一个实例，就无法知道问题是什么。你能在A中复制这个问题吗？实际上你想要的是这样的，它的基础5解决方案，我仍然在试图找出那里有什么问题：（希望找到它）你指的是“页眉消失”是什么意思？？它向右移动太远或根本看不见？它向右移动，但随后消失。@bmac希望汉堡条在小屏幕上有粘性，并且，您希望标题也在小屏幕上可见？另外，您是说，当您写入时，汉堡图标在所有屏幕大小的标题上都有吗？无法知道标题是什么问题是没有一个活生生的例子。你能在A中复制这个问题吗？实际上，你想要这样的东西，它的基础5解决方案。我仍然在试图找出那里有什么问题：（希望尽快找到它。）

$('.menu_left').click(function() {
    $('.fixed_div').toggleClass('is-open-right has-transition-push has-position-right');
});
$('.menu_right').click(function() {
    $('.fixed_div').toggleClass('is-open-left has-transition-push has-position-left');
});
$('.close-button, .js-off-canvas-overlay').click(function() {
    $('.fixed_div').removeClass('is-open-right is-open-left has-transition-push has-position-right has-position-left');
});