Javascript 与画布基础不一致的行为_Javascript_Html_Css_Zurb Foundation

Javascript 与画布基础不一致的行为

javascript html css zurb-foundation

Javascript 与画布基础不一致的行为,javascript,html,css,zurb-foundation,Javascript,Html,Css,Zurb Foundation,我对非画布组件有问题 <body> <div class="off-canvas position-bottom" id="cookies-message" data-off-canvas data-content-overlay="false" data-close-on-click="false" data-transition="overlap" data-auto-f

我对非画布组件有问题

<body>
  <div class="off-canvas position-bottom" id="cookies-message" data-off-canvas data-content-overlay="false" data-close-on-click="false" data-transition="overlap" data-auto-focus="false">
  </div>
  <div class="off-canvas position-right" id="account" data-off-canvas data-transition="push" data-auto-focus="false">
  </div>
  <div class="off-canvas-content" data-off-canvas-content>
    <button type="button" class="button" data-toggle="account">Open Menu</button>
  </div>
<script>
$(document).foundation();
$('#cookies-message').foundation('open');
</script>
</body>


打开菜单
$（document.foundation（）；
$（“#cookies消息”）.foundation（'open'）；

代码笔链接：第一次在画布外打开帐户会向上滚动内容，第二次不会，这是我所期望的

也为站点6文档过渡段提供了两个可用的转换，同时JavaScript参考提到了“推”、“分离”或“幻灯片”，并且查看IOFCANVasOb选项接口，选项对象不能具有转换属性？

有什么我遗漏的吗