Vertical page with parallax section?

  • Hello,

    i can’t find any information how to create vertical full page with some full page sections and also with bigger sections where content need to be scrolled, so in those section i would like to have parallax background image or images.

    How can i solve this?

    for example this page: https://wp-fullpage.juzed.fr/ is in horizontal with parallax images, i would like to create this but vertical.

    • This topic was modified 7 years, 10 months ago by slupek.
    • This topic was modified 7 years, 10 months ago by slupek.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Julien Zerbib

    (@julien-zerbib)

    Hi,

    You could only have something like https://wp-fullpage.juzed.fr/parallax/ with the plugin.
    If you want to have a vertical parallax inside the section, you could use something like https://pixelcog.github.io/parallax.js/ but I never tried it before…

    Let me know if you managed to do something with it.

    Best,

    Julien

    Thread Starter slupek

    (@slupek)

    Hi ??

    Parallax installed, js added.

    Effect:
    New div after body, position on fullpagee instead on my section where is spcifc class name.
    If class name was doubled in html, there were two new divs with same content (logic)

    So it just adding background image on fullpage without anykind of effects.

    I didn’t tried with ID, but propably effect will be same.
    Section got relative position in css.

    Knowledge how parallax works is needed ??

    JS code used:

    
$('.sectionane .slimScrollDiv').parallax({
    imageSrc: '/wp-content/uploads/2017/01/sa-02-edit.jpg',
    naturalWidth: '2560',
    naturalHeight: '2410'
});
    • This reply was modified 7 years, 10 months ago by slupek.
    • This reply was modified 7 years, 10 months ago by slupek.
    • This reply was modified 7 years, 10 months ago by slupek.
    • This reply was modified 7 years, 10 months ago by slupek.
    • This reply was modified 7 years, 10 months ago by slupek.
    Plugin Author Julien Zerbib

    (@julien-zerbib)

    Hi !

    Could you give me a link to your fullpage ?
    Your front page is not a fullpage one anymore…

    Best,

    Julien

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Vertical page with parallax section?’ is closed to new replies.

Tags