蘋果一頁滾動不工作

Question

我想在我的rails應用程序上得到這個效果，但它不會工作。

這是效果，我想 Apple one page scroll

我沒有添加文件jquery.onepage-scroll.js在js文件夾中的文件夾資產

，然後我添加的文件onepage滾動樣式表文件夾中的.css。

然後，我添加的代碼在我的索引頁

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

然後我添加的代碼

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

中的application.js

，但它不會工作，我wounder我我做錯了

Answer 1

你做錯了，這就是爲什麼它不工作...爲了mak在這項工作中，您必須添加<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" 
});