苹果一页滚动不工作

Question

我试图在我的rails应用程序上运行此效果，但它无法正常工作。

这就是我想要的效果 Apple one page scroll

我确实在资源文件夹的js文件夹中添加了文件jquery.onepage-scroll.js

然后我在stylesheets文件夹中添加了文件onepage-scroll.css。

然后我在索引页面中添加了代码

<div class="main">
  <section>...</section>
  <section>...</section>
</div>

然后我添加了代码

$(".main").onepage_scroll();

app.js中的

但是它不会工作，我会弄错我做错了什么

Answer 1

你做错了，这就是为什么它不起作用...为了使这项工作你必须在你提供的链接上的示例中提到的代码中添加<section></section> ！ Here's an example ：

<div class="main">
    <section class="n1 section">...</section>
    <section class="n2 section">...</section>
</div>

这将是你的js：

$(".main").onepage_scroll({
    sectionContainer: "section"
});