[Francois LParticipant]

Hello,

I would like to make the Revolution Slider splash screen (when placed above Masthead) disappear on scroll, or when I click the Scroll Bottom Anchor.

I have found a relatively close example of what I want to achieve here, but I can’t figure how to implement it into x.js:

http://netdna.webdesignerdepot.com/uploads7/how-to-create-a-scrollable-splash-screen-with-css3-and-jquery/demo.html

http://www.webdesignerdepot.com/2014/05/how-to-create-a-scrollable-splash-screen-with-css3-and-jquery/

The idea is that once the splash screen has disappeared, there should be no way to scroll back up.

I am using the Ethos child theme (I have no link to my site as I’m still developing it locally with XAMPP).

Please let me know if you need further information.

Many thanks in advance,
Francois

Wordpress version: 4.0
Theme: X-Child Theme Ethos 1.0
X Theme version: 2.3.0
X-Shortcodes version: 2.4.0

[Kosher KMember]

Hi There,

Thanks for writing in,

This is really beyond the support we can offer. But checking on the code of the demo you have provided, it doesn’t look too hard to implement,

you don’t really need all those CSS, the only thing you need is the provided jquery script and replacing the selector with correct selector of your site.

like this

$(document).ready(function() {
    $(".replace-this-with-the-clas-of-button-arrow-button").click(function() {
        $(".replace-this-with-your-slider-wrapper-class").slideUp("800", function() {
            $(".replace-this-with-the-class-of-div-next-to-your-slider-wrapper-div").delay(100).animate({"opacity":"1.0"},800);
        });
    });
});

$(window).scroll(function() {
    $(window).off("scroll");
    $(".replace-this-with-your-slider-wrapper-class").slideUp("800", function() {
        $("html, body").animate({"scrollTop":"0px"},100);
        $(".replace-this-with-the-class-of-div-next-to-your-slider-wrapper-div").delay(100).animate({"opacity":"1.0"},800);
    });
});

Then you can add that on your Under Customizer > Custom > Javascript

Have a great day
Cheers

[Author]

Posts