I am using a unique jQuery script that I created myself, and I want it to activate when the scroll reaches the tab block (the blue and grey block at the end of the page).
Check out the live version
This is my HTML:
<section id="Block" class="container-fluid block">
<div class="row accordeon">
<div class="blue">
...
<li><a href="#evaluer">5 - Evaluez le prestataire sur Codeur.com</a></li>
</ul>
</div>
<div class="gray">
...
</div>
</div>
</div>
</div>
</section>
This is my scrolling script:
<!-- Show animation on Scroll -->
<script>
$(document).ready(function() {
/* Every time the window is scrolled ... */
$(window).scroll( function(){
/* Check the location of each desired element */
$('.ShowMe').each( function(i){
...
$(this).animate({'opacity':'1'},500);
}
});
});
});
</script>
This is my tab animation script:
<!-- Tabs -->
<script>
var tabChange = function () {
...
// Start the cycle again in a predefined amount of time
setTimeout(function () {
//tabCycle = setInterval(tabChange, 5000);
}, 15000);
});
</script>