苹果一页滚动不起作用

Question

我正在尝试在我的 rails 应用程序上使用这种效果，但它不起作用。

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

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

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

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

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

然后我添加了代码

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

在application.js

但它不会工作，我很受伤我做错了什么

Answer 1

你做错了，这就是它不起作用的原因......为了使这项工作正常进行，你必须将 <section></section> 也添加到你的代码中，如 link 你提供了！
Here's an example:

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

这将是您的 js:

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