Canvas Support

How to disable parallax scroll

1 reply · opened May 4, 2016

AantherdaywstedMay 4, 2016

Hello,

How can I disable the parallax scroll effect from this page.

http://pedro.rosenpub.net//roadtoreading-dev/

I would like that when I scroll down the next section will also move up without a white area space increasing from the slider to the next section.

I want everything to scroll together.

Thanks!

SSemicolon WebSTAFFMay 5, 2016

Hello,

You can simply remove the .slider-parallax Class from the #slider Container and the .slider-parallax-inner Container from the #slider Container to disable this effect.

Additionally, Please remove the following code from your page since it is not required: 


$(document).ready(function () {
    //initialize swiper when document ready  
    var mySwiper = new Swiper ('.swiper-container', {
      // Optional parameters
      parallax: false,
  
    })        
  });

Also, make sure that you always add Inline JS Codes at the bottom of the Page, after the js/functions.js JS File linking.

This will definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard