В Chrome страница не прокручивается вверх (jQuery)?

Question

Внизу страницы, нажав « Отправьте нам свое резюме », прокрутите браузер до верхней части страницы. Работает в IE, FireFox, но в Chrome отказывается прокручивать вверх.

Код:

    /*
     * Scroll to "Show Form", and Focus on first field in form
     */
    $('#goto-show-form').click(function() {
        $('html, body').animate({scrollTop: $("#show-form").offset().top}, '1000', 'swing', function() {
            $('#first-field').focus();
        });
        return false;
    });

Есть идеи?

Спасибо

РЕДАКТИРОВАТЬ: Я скрыл URL, который я разместил здесь, потому что я не хотел, чтобы он был проиндексирован Google. Это веб-сайт, который я создал для клиента, и когда они ищут свой URL, я предпочитаю, чтобы на нем не было никаких разговоров о разработке, которые были направлены на создание их веб-сайта.

Но чтобы увидеть начальную ошибку, проверьте: http://jsfiddle.net/rgPpE/12/ Как вы можете видеть в Chrome, когда вы нажимаете на ссылку внизу, она не прокручивается. Однако, если вы добавите что-то между тегами <a></a>, например,  , оно будет прокручиваться там.

Answer 1

Я не могу проверить это прямо сейчас, поэтому я удалю, если это не правильный ответ, но попробуйте прокрутить до непустого элемента, например #send-resume.

$('#goto-show-form').click(function() {

      // --non empty target for the scroll---v
    $('html, body').animate({scrollTop: $("#send-resume").offset().top}, '1000', 'swing', function() {
        $('#first-field').focus();
    });
    return false;
});

Возможно, есть ошибка в версии 12.

---

РЕДАКТИРОВАТЬ: Проверено.Ориентация на непустой элемент решает проблему.

Answer 2

В вашей функции прокрутки анимации вы видите длительность в виде строки. Попробуйте указать его как целое число:

$('#goto-show-form').click(function() {
    $('html, body').animate({scrollTop: $("#show-form").offset().top}, 1000, 'swing', function() {
        $('#first-field').focus();
    });
    return false;
});