Пытаюсь сделать плавную прокрутку до якоря:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#go_to_step').click(function(){
var destination = $("#step").offset().top;
$("body").animate({ scrollTop: destination}, 900 );
return false;
});
});
</script>
</head>
<body>
<div><a href="#step" id="go_to_step">go_to_step</a></div>
<div style="padding:1000px 0;"><p id="step">step</p></div>
</body>
</html>
В опере и хроме работает, в мозилле и ie не хочет.
Метод "научного тыка" показал, что если удалить DOCTYPE, то всё заработает.
Подскажите, какой DOCTYPE использовать? Или проблема в коде?