Как реализовать скролл на главной и дочерней страницы?

Доброго времени суток!
Сейчас пытаюсь реализовать плавный скролл и столкнулся с такой проблемой

У элементов меню, ссылки которого являются якорями + сслыка на главную страницу(ссылка/#якорь)

Проблема заключается в том, что скролл работает на основной странице(где есть эти элементы), но на дочерней странице скролл просто идёт в шапку и всё, а должен происходить переход на другую страницу и скролл к выбранному элементу.

Если a[href^="#"]' -то идёт переход с дочерней, но не идёт плавный скролл на главной странице, в случае если у нас a[href*="#"], то всё идёт наоборот'

jQuery(function($) { 

$('a[href^="#"]').live('click',function(event){ 
event.preventDefault(); 
var target_offset = $(this.hash).offset() ? $(this.hash).offset().top : 0; 
//change this number to create the additional off set 
var customoffset = 85; 
$('html, body').animate({scrollTop:target_offset - customoffset}, 500); 
}); 

}(jQuery));