Question

如果您复制并粘贴Zurb的Foundation的Offcanvas布局的“基本”代码实现，则段落内容不会滚动。这不是打败了这个功能的效用吗？我在这里缺少什么？

http://foundation.zurb.com/docs/components/offcanvas.html

这是我从该页面复制粘贴的代码：

<div class="off-canvas-wrap">
  <div class="inner-wrap">

    <a class="left-off-canvas-toggle" >Menu</a> 

    <!-- Off Canvas Menu -->
    <aside class="left-off-canvas-menu">
        <!-- whatever you want goes here -->
        <ul>
          <li><a href="#">Item 1</a></li>
        ...
        </ul>
    </aside>

    <!-- main content goes here -->
    <p>THESE PARAGRAPHS WILL NOT SCROLL Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.</p>
    <p>THESE PARAGRAPHS WILL NOT SCROLL Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.</p>
    <p>THESE PARAGRAPHS WILL NOT SCROLL Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.</p>

  <!-- close the off-canvas menu -->
  <a class="exit-off-canvas"></a>

  </div>
</div>

Answer 1

确保包含javascript文件：

在头部

     <script src="/js/vendor/custom.modernizr.js"></script>

在关闭身体标签之前

    <script src="/js/vendor/jquery.js"></script>

    <script src="/js/vendor/fastclick.js"></script>

    <script src="/js/foundation.js"></script>

和正确的依赖，在你的情况下添加：

    <script src="/js/foundation.offcanvas.js"></script>

有关详细信息，请访问：http://foundation.zurb.com/docs/javascript.html

问候

Zurb Foundation 5隐藏了Offcanvas中的内容

1 个答案: