CODEWITHSUNDEEP
javascriptjqueryhtmlfullpage.jsjquery-scrollify
boozi
boozi

Reputation: 506

fullpage.js effect in a container div

From a quick search here and in Google I realised that it is not possible to put fullpage.js in a container, hence the name fullpage.js

Unfortunately I have to find a solution for my project. I want normal scroll on my entire website, but a specific div should have the fullpage.js "slideshow" effect, that when you scroll a bit, the whole section is moving to the other direction. I tried doing it myself with a lot of javascript calculations (scroll direction, binding and unbinding scroll events etc), but Its out of the scope of this project budget.

So my question is: is there a way to hack it around with fullpage.js or maybe with another plugin? I found scrollify, but it is basically the same.

Here is an HTML Code to show exactly what I mean

<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>

Any kind of help would be appreciated. Here is a video showing exactly what am looking for.

Upvotes: 1

Views: 729

Answers (0)

Related Questions