0

Как решить такую проблему,

$(document).outerHeight();

показывает реальную высоту документа, а при скролле

$(document).scroll( () => console.log($(document).scrollTop() ) );

показывает меньше.

6
  • 1
    а почему $(document).scrollTop() должен показывать столько же? он же считает колчества пикселей от видимой части до верха элемента, в данном случае всего документа. Commented 5 апр. 2021 в 14:41
  • Каким способом тогда получить реальную высоту при скролле? Commented 5 апр. 2021 в 15:07
  • при скроле высота документа остается такой же $(document).outerHeight(); Будет проще если вы скажете, что вы хотите сделать в итоге Commented 5 апр. 2021 в 15:15
  • Мы берем высоту сайта как за 100%. 2. Внизу есть липкий слой - в нем есть два значения - "2 000" и "1". 2.1. В зависимости от прокрутки сайта, эти два значения менялись. Минимальная значение первой цифры "2 000", а максимальное "30 000". Минимальная значение второй цифры "1", а максимальное "15". Т.е. например в середине сайта будут такие значение: "14 000 едениц за 7 г." а в самом конце сайта такие: "30 000 едениц за 15 г." Еще просто как пример: 2 000 едениц за 1 г. 4 000 едениц за 2 г. 6 000 едениц за 3 г. ну и т.п. Commented 6 апр. 2021 в 3:15
  • если у вас 100% это высота всего документа, и соотвестственно максимальное значение 30000. То $(document).scrollTop() делим $(document).outerHeight(); и умножаем на 100. Вот и считайте полученые проценты от 30000. Проще говооря если получилось 33 процента, то от 30000 это будет 10000. Это и пишите в свой липкий слой Commented 6 апр. 2021 в 13:37

1 ответ 1

0

При максимальном скроле вниз чтобы получить такое же значение как у высоты документа, надо к $(document).scrollTop() прибавить $(window).outerHeight().

   $(document).scroll( () => 
   {       
     let wh = $(window).outerHeight() //высота видимой части
     let dt = $(document).scrollTop() // количество пикселей от верха видимой части до верха всего документа
     let dh = $(document).outerHeight() // высота документа
     console.log( (dt+wh)/dh * 100 )
    });

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.