Hi,
Ive recently been working on a new site at http://www.jonathanwallace.co.uk/
The site uses a jQuery script to scroll from one section to the next - it works 100% fine in safari and chrome, but for some reason doesn’t work in firefox or opera - im pretty sure it doesn’t work in IE either
The script is shown below:
$(document).ready(function() {
$('.navhome').mouseenter(function () {
$(this).css('color', '#000');
$('header img').css('opacity', '1');
});
$('.navhome').mouseleave(function() {
$(this).css('color', '#999');
$('header img').css('opacity', '0.5');
});
$('header img').mouseenter(function () {
$('.navhome').css('color', '#000');
});
$('header img').mouseleave(function() {
$('.navhome').css('color', '#999');
});
$('.navhome').click(function() {
$("body").animate({ scrollTop: $("#about").position().top }, 'slow');
});
$('.navfeatured').click(function() {
$("body").animate({ scrollTop: $("#featured").position().top }, 'slow');
});
$('#navblog').click(function() {
$("body").animate({ scrollTop: $("#blog").position().top }, 'slow');
});
$('.navcontact').click(function() {
$("body").animate({ scrollTop: $("#contact").position().top }, 'slow');
});
$('.top').click(function() {
$("body").animate({ scrollTop: $("#home").position().top }, 'slow');
});
});
Does anyone know what might be stopping this from working in the mentioned browsers?
Thanks