Foundation 6 offcanvas 切换跳转到顶部

Question

早上好，不知道有没有什么办法可以防止Foundation 6的toggle off-canvas跳转到页面顶部。我注意到 official F6 documentation

中也存在这种行为

Answer 1

我找到了临时解决方案。在 foundation 6 中，off-canvas options "forceTop" 当前被禁用。如果您不想要这种行为，请转到

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

并在第 211 行发表评论

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

重建所有资产。

希望对您有所帮助

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

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

为了恢复 forceTop 选项。

干杯

Answer 2

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

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

Foundation 6 offcanvas toggle jumps to top