Streaming live at 10am (PST)

How to create Full Page scrolling sections on single mouse scroll


#1

Hi!

Thanks for the tips! I was wondering how I can make each full-browser sized section/div "flip" to the next as I scroll down, just like tumblr's site:

https://www.tumblr.com/

Apologies if it has been covered above or elsewhere. I couldn't find the answer I needed. I have only learned how to continuously scroll down full-browser sized sections, but the sections don't "skip" to the next like that in Tumblr's page. Thanks a lot!


[Tutorial] How to make hero section always fill browser window
Is Tumblr-Like Scrolling possible on webflow
How to get this unique scrolling effect?
Need help to create custom fullscreen section, while scrolling
#2

Hi @littleviolette, thanks for the post. One method to scroll full pages using the scroll, is to use a little custom code and using fullpage.js:

http://alvarotrigo.com/fullPage/

Here is an article how to add custom code: http://help.webflow.com/site-settings/custom-code

Here is a post that gives some step by step using fullpage.js: http://forum.webflow.com/t/fullpage-js-step-by-step-set-up/17251

​I hope this helps. If not, please let me know – I'm happy to assist further! smile

Cheers,
Dave


#3

Hi @cyberdave,

Thank you for the informative post. I followed the instruction and was able to get fullpage.js to work. Although fullpage.js works fine, I seem to be losing control over Webflow's functionalities. For one thing, I can no longer see the background of my div and all the texts are jumbled up. Do others who have implemented fullpage.js experience the same issue?

Before:

http://vzx.webflow.io/

After:
http://vzx-trial.webflow.io/

https://preview.webflow.com/preview/vzx-trial?preview=acec02431b2b761c7e74fa82cb6a2018


Is Tumblr-Like Scrolling possible on webflow
#4

Hi @littleviolette, thanks for the update. Could you update your post with the read only link: https://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link.

Also, the before picture does not show, can you check that ? Finally, could you publish the site and share the published webflow.io url?

Cheers,
Dave


#5

Hi @cyberdave,

I just updated the post. The picture wouldn't load for whatever reasons.


#6

Hello,
You have to change on your custom code css3: true to false or opposite, i dont remembrer anymore...

By the way, someone found any solution to resolve the issue with native webflow interrection onclick... It will be really useful.
Thnak you.


#7

I dont konw if it helps, but i just noticed that resizing the navigator window, make it works... in that meaning that it make the text, set in some other color on "current" statut, change like it have to be.

Thank you


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.