Как узнать позицию скролла внизу?

158
16 февраля 2019, 07:20

если надо к примеру сделать кнопку навверх, то идет scrollTop: 0, ибо 0 - начала документа. А если сделать наооборот. Вкраце как узнать значения скролла в конец страницы?

Answer 1

Здравствуй. btnScrollDown твоя кнопка, узнать высоту можно с помощью document.documentElement.clientHeight. Замени в querySelector('#scroll_down') на свой и скрипт будет работать. Подробнее можешь почитать Размеры и прокрутка страницы

(function() {
  'use strict';
  var btnScrollDown = document.querySelector('#scroll_down');
  function scrollDown() {
    var windowCoords = document.documentElement.clientHeight;
    (function scroll() {
      if (window.pageYOffset < windowCoords) {
        window.scrollBy(0, 10);
        setTimeout(scroll, 0);
      }
      if (window.pageYOffset > windowCoords) {
        window.scrollTo(0, windowCoords);
      }
    })();
  }
  btnScrollDown.addEventListener('click', scrollDown);
})();
Answer 2

clientHeight для определения высот, значит:

document.body.clientHeight
READ ALSO
Google Maps - Progress bar

Google Maps - Progress bar

У меня есть карта, на неё загружаются елементыКак можно сделать progress bar загрузки всех елементов карты? Может есть в google maps уже встроенный?

156
Наложение линии на 3d объект

Наложение линии на 3d объект

У меня есть поверхность (div), которая трансформирована в 3d (CSS), то есть задан rotateDiv может быть повернут на любой угол любой оси

205
Как обновить данные на странице ajax + vue + vuex?

Как обновить данные на странице ajax + vue + vuex?

Как правильно сделать добавление отзывов? При сабмите формы хочу добавить отзыв, отобразить на странице и очистить поля в формеКак это можно...

194
Добавить в таблицу колонку array

Добавить в таблицу колонку array

Какой должен быть запрос к БД, чтобы можно было создать колонку для хранения тэговПодумал что можно сделать так:

151