Что я не так делаю, при анимации scrollTop при переходе на другую страницу??

Question

[alc0]

Пожалуйста, выручайте)
есть rкнопка ссылка " < href="index.php?id=2#general" class="button">"

Код:
$('.button').click(function () {
$a = $($(this).attr('href'));
$('html,body').animate({ scrollTop: $a.offset().top }, 2000);
return false;
});

Дело в том, что после перехода на другую страницу, я попадаю в тот блок, что мне надо. Но анимации нету, просто мгновенно кидает в блок...
Что не так?? или мне нужен другой код, или что-то не так я пишу???

Answer 1

[nikfakel]

ваш код не срабатывает, при клике происходит стандартное событие браузера - проверьте это, удалив весь этот код.

Вам нужно писать код для новой страницы (на которую переходите). Например, переделать ссылки в

<a href="index.php?id=2?place=general" class="button">

и уже обрабатывать их и применять анимацию. То есть код при открытии должен смотреть на URL, находить 'place' и плавно переходить на нужное место.

Comments

[alc0]

Спасибо, буду думать над кодом)

[alc0]

Извини, посмотри, что примерно получается, воспользовался инфой в инете, чтобы достать с url ...

Прописал href="/index.php?id=2&place=general...так как по-другому не перейдет на страницу

getUrlVars: function(){
var vars = [], hash;

var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

for(var i = 0; i < hashes.length; i++)

{

hash = hashes[i].split('=');

vars.push(hash[0]);

vars[hash[0]] = hash[1];
}
return vars;

},

getUrlVar: function(name){

return $.getUrlVars()[name];

},

function(){

$a = $.getUrlVar()['place']
$('html,body').animate({ scrollTop: $a.offset().top }, 5000);
return false;
}

Но как мне, чтобы в итоге параметр имени "place" принял значение якоря, блока??? а то получается просто переменная...или я опять КОСЯЧУ)))

[nikfakel]

Якорь, например, такой:

var a = $.getUrlVar()['place'];

$('html,body').animate({ scrollTop: $('a[name=' + a + ']').offset().top }, 5000);

[nikfakel]

Якорь, например, такой: < a name="general" > < / a>