2014-11-21 40 views
0

我有一个网站:fullpage.js和WordPress一体化

网址:http://362.a07.myftpupload.com/ 密码:aynhoe_park

我试图让滚动力从部分到部分,而不是一个正常的页面滚动的..我已尝试设置在fullpage.js(http://alvarotrigo.com/fullPage/),我似乎无法让它识别它。

任何人都可以看看,并帮助我得到这个工作?因为我似乎无法明白为什么我无法让页面从一个部分滚动到另一个部分,比如fullpage.js网站。

+0

只是为了让你知道,有[WordPress主题(https://goo.gl/HuFudq)使用fullpage.js时下。 – Alvaro 2015-10-14 10:23:38

回答

0

好找到了解决办法。我使用的代码是错误的。它结束了这个jQuery库我需要使用:https://github.com/guins/jQuery.scrollSections

这是

<script> jQuery(function() { jQuery('section.section').scrollSections(); }); </script>

并结合js文件。

感谢您的帮助:)

1

问题在于错位,

这是你的代码目前

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.fn.fullpage({ 
      anchors: ['home','aboutus','ourblog','yourhost','thecollection','thehouse','exclusivehire',] 
      menu: '.nav', 
      scrollOverflow: true, 
     }); 
    }); 
</script> 

锚已在[]额外,但没有一个后说,有更多的元素来。

试试这个:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.fn.fullpage({ 
      anchors: ['home','aboutus','ourblog','yourhost','thecollection','thehouse','exclusivehire'], 
      menu: '.nav', 
      scrollOverflow: true, 
     }); 
    }); 
</script> 

jQuery的问题

试试这个:

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery('#fullpage').fullpage(); 
     jQuery.fn.fullpage({ 
      anchors: ['home','aboutus','ourblog','yourhost','thecollection','thehouse','exclusivehire'], 
      menu: '.nav', 
      scrollOverflow: true, 
     }); 
    }); 
</script> 
+0

不幸的是,它没有做任何事情:(它仍然像滚动一样正常..理想情况下,我需要它滚动一个整个部分,当你向下滚动(如果这是有道理的)。 – 2014-11-24 07:07:31

+0

如果你有另一个看看该网站你会看到代码现在在那里,但没有做任何事情:( – 2014-11-24 07:07:53

+0

如果你看看你的控制台日志,你会得到2个与jQuery有关的错误。其中一个是'undefined不是一个函数,其他的是一个'意外的标识符',这可能是由于jQuery被破坏了。尝试上面的修改,我已经。 – Stewartside 2014-11-24 09:53:22