苹果一页滚动不起作用

Question

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

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

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

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

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

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

然后我添加了代码

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

在 application.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"
});