Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 容器div中的fullpage.js效果_Javascript_Jquery_Html_Fullpage.js_Jquery Scrollify - Fatal编程技术网

Javascript 容器div中的fullpage.js效果

Javascript 容器div中的fullpage.js效果,javascript,jquery,html,fullpage.js,jquery-scrollify,Javascript,Jquery,Html,Fullpage.js,Jquery Scrollify,通过在这里和谷歌的快速搜索,我意识到不可能将fullpage.js放入容器中,因此命名为fullpage.js 不幸的是,我必须为我的项目找到一个解决方案。我想在我的整个网站上正常滚动,但一个特定的div应该有fullpage.js“slideshow”效果,当你滚动一点时,整个部分会向另一个方向移动。我试着自己做了很多javascript计算(滚动方向、绑定和解除绑定滚动事件等),但这超出了本项目预算的范围 所以我的问题是:有没有办法用fullpage.js或者其他插件来破解它?我找到了Scr

通过在这里和谷歌的快速搜索,我意识到不可能将fullpage.js放入容器中,因此命名为fullpage.js

不幸的是,我必须为我的项目找到一个解决方案。我想在我的整个网站上正常滚动,但一个特定的div应该有fullpage.js“slideshow”效果,当你滚动一点时,整个部分会向另一个方向移动。我试着自己做了很多javascript计算(滚动方向、绑定和解除绑定滚动事件等),但这超出了本项目预算的范围

所以我的问题是:有没有办法用fullpage.js或者其他插件来破解它?我找到了Scrollyfy,但基本上是一样的

下面是一个HTML代码,它准确地显示了我的意思

<body>
   <h1>Some website</h1>
   <h2>I want to scroll it normal</h2>
   <div id="fullpage">
    <!-- Only here should the slides scroll with the desired effect -->
      <div class="section"></div>
      <div class="section"></div>
      <div class="section"></div>
    </div>    
</body>

某网站
我想正常滚动

任何形式的帮助都将不胜感激。下面是一个显示我正在寻找的内容的示例。

使用fullPage.js最多只能使用
scrollOverflow
功能。这将模拟站点中第一部分的正常滚动行为,然后您可以使用fullPage.js效果创建其余部分。作为用法示例,请使用小视口查看第五部分。他们使用的是
scrollOverflow
,但他们隐藏了滚动条。我要找的是这样的东西:使用fullPage.js最多只能使用
scrollOverflow
功能。这将模拟站点中第一部分的正常滚动行为,然后您可以使用fullPage.js效果创建其余部分。作为用法示例,请使用小视口查看第五部分。他们使用的是
scrollOverflow
,但他们隐藏了滚动条。我要找的是这样的东西: