joomla模板中的jquery.fullPage.js

时间:2014-04-18 14:13:15

标签: javascript jquery joomla fullpage.js

嗨,每个人都非常新用的javascript,我不能让这个jquery.fullpage.js滚动功能工作,https://github.com/alvarotrigo/fullPage.js#fullpagejs 我不知道应该如何安装它。

我的代码:

<html>
   <head>
     <link href="/mysite/css/jquery.fullPage.css" rel="stylesheet">
     <script src="/mysite/js/jquery.fullPage.js">
   </head>
   <body>
     <div class="section active">
       MYCONTENT
     </div>
     <div class="section">
       MYCONTENT
     </div>
   </body>
 </html>

1 个答案:

答案 0 :(得分:1)

我已经三次担任这个问题并且很容易

这是我的joomla模板! (实施例)

 <head>
 //here you put the code that gets the source files for fullpage.js  which you find on the github link//
 </head>

 <body>
 //here is your body and it probably have tons of <div> elements in it, in different levels like this:
 <div>
    <div>
      <div>
     //here you can for example find a line of php that renders a module.
     </div>
    </div>
 </div>

当我尝试将fullpage.js实现到我的joomla网站时,我做错了的事情就是我将部分类放到body标记之后不在第2级的div中

我想解释的是:

 <body>
 <div id="fullpag <<-this is where fullpage starts">
    <div class="section" >
    YOUR CONTENT
    </div>
 </div>

id为fullpage的div应该始终在第一级开始,而section总是在body标签之后的第二级,我没有真正的名字,我称之为水平,但我希望每个人都理解。