24 мая 2012 г., 23:23 отJames Wilson

Прокрутить к началу страницы

Есть ли простой способ заставить браузер прокрутить вверх, если нажата кнопка?

я пытался

jQuery('html').scrollTop();
jQuery('body').scrollTop();
jQuery(window).scrollTop();

Ни один из них, кажется, не прокручивается до верхней части страницы.

Ответы на вопрос(5)

24 мая 2012 г., 23:32 отMario

Простой чистый JavaScript, также работает в мобильном телефоне

window.scrollTo(0,0);
28 мая 2014 г., 23:45 отKJ Prince

Поскольку никто не упомянул необходимый HTML, я добавлю его сюда.

Сначала создайте свой якорный элемент:

<a href="#" title="Scroll to Top" class="ScrollTop">Scroll To Top</a>

Обратите внимание, что на класс ссылается следующий jQuery.

Затем добавьте свой JQuery:

$(document).ready(function(){
  $('.ScrollTop').click(function() {
    $('html, body').animate({scrollTop: 0}, 800);
  return false;
    });
});

Чтобы настроить скорость анимации, измените «800». значение.

24 мая 2012 г., 23:40 отFresheyeball

Из-за кросс-браузерной странности некоторые браузеры реагируют на'html' а некоторые к'body', И может быть, это просто моя удача, но.scrollTop(0) никогда не работал для меня, чтобы переместить страницу. Дайте этому шанс:

jQuery('html,body').animate({scrollTop:0},0);

Эта версия протестирована и кроссбраузерна для всех настольных браузеров и мобильных устройств.

24 мая 2012 г., 23:31 отJashwant

Это кросс-браузерный способ,

function scrollableElement(els) {
    for (var i = 0, argLength = arguments.length; i <argLength; i++) {
        var el = arguments[i],
        $scrollElement = $(el);
        if ($scrollElement.scrollTop()> 0) {
            return el;
        } else {
            $scrollElement.scrollTop(1);
            var isScrollable = $scrollElement.scrollTop()> 0;
            $scrollElement.scrollTop(0);
            if (isScrollable) {
                return el;
            }
        }
    }
    return [];
}

var scrollElem = scrollableElement('html', 'body');

$(scrollElem).scrollTop(0);

Code from css-tricks

24 мая 2012 г., 23:28 отVisioN

Вы можете использовать это:

jQuery('body').scrollTop(0);

или это:

jQuery(window).scrollTop(0);

или, наконец, это:

jQuery('html').scrollTop(0);

Итак, для того, чтобы позвонитьscrollTop метод и сделать прокрутку страницы, вы должны передать аргумент с числовым значением, представляющим позицию scrollTop. В противном случае это будет работать так, как будто вам нужно получить позицию scrollTop.

Два последних метода должны постоянно работать во всех браузерах, в то время как первый может не работать в некоторых версиях IE.

ВАШ ОТВЕТ НА ВОПРОС