Home → RoyalSlider HTML version issues →

Fade out Caption on Scroll

• Edit

kreativos_themes

09 Oct, 2012 09:20 AM

Hello Dmitry,

now i have a Slider related issue :)

I try to fade out the rsBlock of the Slider by scrolling the page. Here is the Link: http://xancoremedia.com/royal/
I´ve put this Code inside the royalSlider but it doesent work. You can see it in the Source Code. Can you help me?

var divs = $('.rsABlock'); $(window).scroll(function(){ var percent = $(document).scrollTop() / ($(document).height() - $(window).height()); divs.css('opacity', 1 - percent); });

1. Support Staff 1 Posted by Dmytro Semenov on 10 Oct, 2012 06:26 AM

   

   Hi,

   Slide HTML may not be added to DOM immeditely after initializaation, so you should bind all events before initialization, or just check if block exists. e.g.:

   var divs; 
   $(window).scroll(function(){ 
       if(!divs || !divs.length) {
          divs  = $('.rsABlock')
       }
       var percent = $(document).scrollTop() / ($(document).height() - $(window).height());
       divs.css('opacity', 1 - percent); 
   });
   

   Dmitry

   • Edit

2. 2 Posted by kreativos_theme... on 10 Oct, 2012 06:42 AM

   

   Works perfectly! Thanks Dmitry.

   • Edit

3. kreativos_themes closed this discussion on 10 Oct, 2012 06:42 AM.