Foundation 6 offcanvas 切换跳转到顶部答案

【问题标题】：Foundation 6 offcanvas toggle jumps to topFoundation 6 offcanvas 切换跳转到顶部
【发布时间】：2016-02-05 10:00:33
【问题描述】：

早安，我想知道是否有办法阻止Foundation 6 的toggle off-canvas 跳转到页面顶部。我注意到这种行为也存在于official F6 documentation

【问题讨论】：

我尝试将选项 forceTop 传递给插件，但它不起作用。 var foo = new Foundation.OffCanvas($('#offCanvas')); foo.options.forceTop = false;

【解决方案1】：

我找到了一个临时解决方案。在foundation 6中，画布外选项“forceTop”当前被禁用。如果您不想要这种行为，只需转到

bower_components/foundation-sites/js/foundation.offcanvas.js

并在第 211 行发表评论

$('body').scrollTop(0);

重建所有资产。

希望对你有帮助

编辑如果您愿意，它已在开发版本中修复，您可以获取正确的文件。或者你可以添加

if ( this.options.forceTop ) { $('body').scrollTop(0); }

为了恢复 forceTop 选项。

干杯

【讨论】：

【解决方案2】：

最简单的方法是在你的 div 属性中使用data-force-top=false，如下所示：

<div class="off-canvas position-right" id="offCanvasRight" data-force-top=false data-off-canvas data-position="right">

【讨论】：