Почему не работает функция scrollTo?

Question

[MaxFreedom]

Добрый день!

Ребята, чисто для интереса балуюсь разными фичами, и столкнулся с тем, что что на простой HTML странице не работает scrollTo(x, y). У меня не задана высота страницы height по умолчанию auto. Но, если я в css файле прописываю к body, к примеру, height: 1000px;, то всё отлично работает, есть прокрутка страницы вниз на заданный интервал. Вопрос: Разве для scrollTo() нужно указывать высоту body, а без этого она не работает?

Answer 1

[Евгений Вольф]

Разве для scrollTo() нужно указывать высоту body, а без этого она не работает?

Если у Вас нет полосы прокрутки, то прокрутка "сработает", но визуально от этого ничего не изменится.

По моему, ещё прокрутку желательно делать и для BODY и для HTML одновременно, т.к. в каких-то баузерах, с этим были проблемы. Возможно информация уже не актуальна...

есть прокрутка страницы вниз на заданный интервал.

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

Comments

[MaxFreedom]

Верно! К заданным координатам, например, scrollTo(0, 50) по идее прокрутит страницу вниз на 50px, но у меня почему-то не работает, даже если я ставлю в css для body и html overflow: auto; height по умолчанию((

[Евгений Вольф]

Romantic: полоса прокрутки у страницы при этом есть? Т.е. есть куда "крутить"?

[MaxFreedom]

нет, самой полосы нет, так страница полностью умещается по высоте окна

[MaxFreedom]

Евгений Вольф: Всё, спасибо огромное, разобрался!! Действительно всё дело в полосе прокрутке! На десктопной версии страница полностью умещалась по высоте окна, а на мобильной нет, там-то и была полоса прокрутки, всё сработало)

[Евгений Вольф]

Romantic: вот и ответ на Ваш вопрос (который кстати я уже выше писал). Если нет полосы прокрутки - то метод ScrollTo() -- не растянет элемент HTML/BODY на 100% высоты и не добавит к этому значению ещё +50px (50px - для примера), что бы страница стала скроллится на 50px вниз.

Или, давайте попробую объяснить по другому... Когда Вы колёсиком мыши пытаетесь проскроллить страницу, у которой нет полосы прокрутки - происходит "ничего". ScrollTo() в данном случае работает аналогично колёсику мыши. То есть, если страница не скроллится, это не значит, что колёсико мыши не работает, это значит что скроллить её просто некуда :)

Аналогичная ситуация будет при использовании "якорей", при попытке перейти к якорю в конце страницы, страница проскрллится до конца, но если контент после якоря занимает высоту меньше высоты экрана - то будет просто скролл страницы в конец, и якорь будет не в самом верху страницы.

[MaxFreedom]

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