On a site I’m currently building I need to do some JavaScript scrolling on every page load, except for the first on (to scroll beyond a huge image slider that I don’t want to be in the way on succeeding page loads.
Note: this example makes use of jquery.cookie Plugin by Klaus Hartl, so make sure you include it, too.
(function ($) {
$( document ).ready(function() {
var cookieName = 'firstPageLoad';
var cookieValue = 1;
// if the cookie doesn't exist we're on the first page load...
if (!$.cookie(cookieName)) {
// and set a cookie that is valid for the entire domain
$.cookie(cookieName, cookieValue, { path: '/'});
}
// if the cookie does exist, its (most probably) a succeeding page load...
else {
// ... so we want to scroll to the navigation
$('html, body').animate({
scrollTop: $("#navigation").offset().top
}, 1000);
}
}); // document ready
})(jQuery);