Почему работает в chrome, но не работает в firefox?

Question

[Михаил]

<script>
	$(document).ready(function() {
	$('a[href^="#"]').click(function(){
	var el = $(this).attr('href');
	$('body').animate({
	scrollTop: $(el).offset().top}, 700);
	return false;
	});
	});
</script>

якоря вида <a id="1" name="1"></a>
Почему в хроме работает, а в файрфоксе не работает ни через скрипт ни через стандартные якоря? Я так понимаю скрипт в файрфокс работает, но некорректно.

Answer 1

[afishr]

Для Firefox нужно использовать

$('html').animate({
         scrollTop: $(el).offset().top}, 700);
});

Но этот вариант вроде как не подходит для Хрома, так что нужно использовать и с body и с html

Comments

[Михаил]

$(document).ready(function(){
$('a[href*=#]').bind("click", function(e){
var anchor = $(this);
$('html, body').stop().animate({
scrollTop: $(anchor.attr('href')).offset().top
}, 700);
e.preventDefault();
});
return false;
});
Так работает и в фф и в хроме.

[afishr]

Алексей: Ну и славненько )) С Новым Годом :)

[Михаил]

Alex Fisher: спасибо. И вас с новым годом!

[Михаил]

Neoline: наверное и не думал, что кто-то вообще новый год не отмечает :)

Answer 2

[zwoc]

Нашел похожий вопрос:

stackoverflow.com/questions/3163615/how-to-scroll-...

Там решение проблемы решилось обертыванием scrollTop при помощи единичных кавычек, т.е.

$('body').animate({
    'scrollTop' : $(el).offset().top}, 700);
  return false;