Full page mousewheel scroll with Divi - Our ‘special’ template

Have you seen Tumblr Homepage style sliding page design before?
Have you ever wanted to present your Divi pages like slides in a PowerPoint presentation where user can navigate sections with arrow keys or mouse scroll?

Your answer may be YES or NO.

But it really doesn’t matter whether you’re using this sliding page design technique or not. Instead, the reason I asked such a question was to emphasize on the importance of site layout, presentation of pages and how easy they are to navigate. These are fundamental considerations to deliver awesome user experience (UX) to your website visitors.

As per the recent surveys conducted, the following key results were brought to light,

  • 48% of people cited a website’s design as the number one factor in deciding the credibility of a business.
  • 39% of people will stop engaging with a website if page sections aren’t presented in logical fashion.
  • 73% of companies invest in user interface and user experience to improve their online presence over the competition.

This signifies that you have only a few seconds (one average 10 seconds) to convince your visitors to stay on your site and have a look through various pages. Final outcome being of this process is to make them convince “call to action”. The Divi theme is well-suited to craft this kind of high converting web pages. The problem is whatever you are building will have that “Default Divi Look” so it may well be “Just another Divi site”. If you would like to present your contents in a new way, going outside of what default Divi theme bring in to the table then have a look at our Divi Scroll Child Theme – A simple solution to build Full page one touch mousewheel scrolling pages with Divi.

What is Divi Scroll Child Theme?

Divi Scroll Child Theme is a one page scroll template for parent Divi Theme. We have integrated fullPage.js in this child theme as the page scrolling engine. We customized this js library to work properly with Divi theme/builder. You don’t have to worry about tedious manual integration because once you get this child theme we have already done the work for you!

This template can be perfect to showcase your image galleries, projects, or to build very creative personal and business websites that utilize the full page scrolling with the mouse wheel design technique.

This child theme comes with Divi Visual Builder support and it has unique control panel that allows you to easily customize some of the unique elements. Here some of the features of this child theme:

  1. WoW Animation Library
  2. One click demo import
  3. Child theme settings panel
  4. You can add Video backgrounds to scrolling sections
  5. Navigate through sections with Up-Down keys. Sections are touch enabled in mobiles and tablets
  6. You can create as many scroll pages as you want with included page templates
  7. Scroll side Dot navigation
  8. Option to remove scrolling effect in small-screen sizes
  9. Use any module inside scrolling sections

We have added 3 scrolling page templates for you to select,

Child Theme Scroll Page – This is the default page with header and footer.

Child Theme Scroll Page without footer – Scroll page with header but not the footer. This may suite when you want to showcase full width full height images.

Blank page – Page without either footer or header.

If you wish to extend the page, you can add multiple scroll sections by cloning an already existing section module.

Looks are all that matters to provide great experience to your website visitors

Truly, your website’s look decides whether the new visitors will stay or leave. Our Divi Scroll Child Theme is designed to welcome your visitors with easy to navigate scroll page layout. It helps you to tell your story in logical order in a very creative way…

For any queries regarding this template, feel free to connect with us.