通过快速搜索此处和Google中,我意识到无法将fullpage.js放入容器中,因此名称完整 page.js
不幸的是,我必须为我的项目找到解决方案。我希望在我的整个网站上进行正常滚动,但是特定的div应该具有fullpage.js“幻灯片”效果,当你滚动一点时,整个部分将移动到另一个方向。我尝试使用大量的javascript计算(滚动方向,绑定和解除绑定滚动事件等),但它超出了本项目预算的范围。
所以我的问题是:有没有办法用fullpage.js或者用另一个插件破解它?我发现了scrollify,但它基本相同。
这是一个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>
任何形式的帮助将不胜感激。这是一个video,正好显示了我在寻找什么。