jQuery animated header and footer not working in IE 9 & 10
can anybody help me with this?
The header and footer slide in to the page just after loading and it all
works perfectly in all browsers except for IE 9 and 10 (IE 8 is fine),
here's the test version
http://surefireresearchtestsite.businesscatalyst.com
I am using bigvideo.js on the page; when I disable bigvideo.js it all
works fine, so I guess the problem lies there somewhere but what the
conflict is I just don't know, and turning it off is not an option. I've
tried changing the order of the scripts, thought that might have some
affect, but no. I'm quite new to jQuery so am at a loss of how to fix
this.
<script>
//$(function(){
$(document).ready(function() {
//removes the flash of unstyled content
$('.no-fouc').removeClass('no-fouc');
//fade in body content
$('#bgFade').hide();
$('#bgFade').delay(800).fadeIn(1800);
//hide all content that can be toggled - the button in the footer
$('.but2').hide();
//on clicking the first button
$(document).on("click", "img.but1", function(e){
e.preventDefault(); //this is preventing the page jitter to top and back
$('html,body').scrollTo( {top:'+=500px', left:'0px'}, 400 );
$('.but1').hide();
$('.but2').show();
});
//on clicking the second button
$(document).on("click", "img.but2", function(e){
e.preventDefault(); //preventing the page jittering to top
$('.but1').show();
$('.but2').hide();
$('html,body').scrollTo( {top:'+=-500px', left:'0px'}, 400 );
});
//animated header - drop down from off screen after loading page
$('#dropDown').bounceThis({
bounceHeight : '3px',
dropDownSpeed : 400,
delay : 1200
});
//animated footer - rise up from off screen after loading page
$('#footerSlideContent').delay( 1600 ).animate({ height: '145px' });
$(this).css('backgroundPosition', 'bottom left');
open = true;
//background video
var BV = new $.BigVideo();
BV.init();
BV.show('video/surefireRedBg.mp4',{ambient:true});
});
</script>
If anybody could take a look and see what the problem is I'd be most
grateful. Thanks in advance.
No comments:
Post a Comment