Jquery 与页面分开的非画布滚动

所以我遇到了一个很简单的问题需要解决，就像我在很多移动网站上看到的那样。在我的移动站点上，我正在使用他们提供的Foundation Off Canvas“插件”来处理我的导航。然而，我遇到了这样一个问题：当我打开它并开始滚动浏览导航时，非画布上的页面也开始滚动。我是否可以在内容上设置一个阻止默认操作，以防止非画布导航后面的页面随导航一起滚动

---

就代码而言，一切都是从基础开始的。除了导航在样式中的外观，我没有做太多其他的操作。功能仍然是一样的。如果有帮助的话，它来自页面的左侧

我不知道这是否有用，但请尝试搜索

posistion: fixed;

在导航的css文件中，并将其更改为

posistion: absolute;

或

posistion: relative;