I have downloaded the jquery scroll script (http://www.position-absolute.com/articles/better-html-anchor-a-jquery-script-to-slide-the-scrollbar/) which will scroll to your anchor when you click a link. However, I was wondering if there was any way to customise this using php/jquery to grab an item id from the URL, then scroll to that item id when the page loads?
Here's the scroll js:
$(document).ready(function() {
$("a.anchorLink").anchorAnimate()
});
jQuery.fn.anchorAnimate = function(settings) {
settings = jQuery.extend({
speed : 1100
}, settings);
return this.each(function(){
var caller = this
$(caller).click(function (event) {
event.preventDefault()
var locationHref = window.location.href
var elementClick = $(caller).attr("href")
var destination = $(elementClick).offset().top;
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
window.location.hash = elementClick
});
return false;
})
})
}
Here's an example URL with the itemid in it:
http://www.somesite.com/index.php?view=list&itemid=3
^^ so basically I need the itemid grabbed (using php I presume?) and then tell jQuery to scroll to that anchor:
<a name="3" id="3"></a>
Any help would be appreciated :)