Гость
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как определить что страница прокручена до конца? / 25 сообщений из 70, страница 1 из 3
24.08.2020, 15:49
    #39992009
Женя32
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
Здравствуйте!
Подскажите, пожалуйста, как программно определить что пользователь прокрутил веб-страницу до конца?
...
Рейтинг: 0 / 0
24.08.2020, 19:32
    #39992058
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
...
Рейтинг: 0 / 0
24.08.2020, 19:50
    #39992061
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
...
Рейтинг: 0 / 0
24.08.2020, 20:11
    #39992067
Женя32
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?

Ну, и какое отношение это имеет к моему вопросу?
Мне нужно чтобы, когда бегунок будет опущен в низ, выходило сообщение: alert("bottom!"); а Вы мне дали ссылку на то, как отслеживать изменения в документе.
...
Рейтинг: 0 / 0
24.08.2020, 21:38
    #39992082
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
Женя32
Ну, и какое отношение это имеет к моему вопросу?
Мне нужно чтобы, когда бегунок будет опущен в низ, выходило сообщение: alert("bottom!"); а Вы мне дали ссылку на то, как отслеживать изменения в документе.
а включить то что на шее?
сделай див или что у тебя там в самом конце, вот когда оно появится на экране - и будет прокрученная страница до конца
...
Рейтинг: 0 / 0
25.08.2020, 13:22
    #39992242
Женя32
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя
а включить то что на шее?
сделай див или что у тебя там в самом конце, вот когда оно появится на экране - и будет прокрученная страница до конца

А откуда див будет знать то, когда ему нужно появится?
Вот как нужно отслеживать:
Код: javascript
1.
2.
3.
4.
5.
6.
$(window).scroll(function() {
      if($(window).scrollTop()+$(window).height()>=$(document).height())
 {
           alert("bottom!");
       }
   });
...
Рейтинг: 0 / 0
25.08.2020, 14:28
    #39992277
peter64
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
...
Рейтинг: 0 / 0
25.08.2020, 14:45
    #39992287
peter64
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
peter64

Помогло?
...
Рейтинг: 0 / 0
25.08.2020, 15:43
    #39992316
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
Женя32
А откуда див будет знать то, когда ему нужно появится?
изучай основы
Женя32
Вот как нужно отслеживать:
во-первых jquery
во-вторых - отработка на каждый чих скрола

в моём варианте сработает только когда появится самый нижний элемент
...
Рейтинг: 0 / 0
26.08.2020, 23:40
    #39992741
voraa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя
в моём варианте сработает только когда появится самый нижний элемент

Есть разные варианты, когда это не сработает.
...
Рейтинг: 0 / 0
27.08.2020, 02:14
    #39992771
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
Женя32,

уотак вот

Код: javascript
1.
2.
3.
4.
5.
$(window).scroll(function() {	
  if(document.height == window.pageYOffset + window.innerHeight) {
    // вот здесь вы уже на дне :)
  }
});
...
Рейтинг: 0 / 0
27.08.2020, 02:16
    #39992772
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя
в моём варианте сработает только когда появится самый нижний элемент


в твоём варианте решается другая задача :)
...
Рейтинг: 0 / 0
27.08.2020, 07:16
    #39992790
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
voraa
Есть разные варианты, когда это не сработает.
какие?
hVostt
в твоём варианте решается другая задача :)
какая?
...
Рейтинг: 0 / 0
27.08.2020, 08:51
    #39992807
voraa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя
voraa
Есть разные варианты, когда это не сработает.
какие?

Например, есть на странице div с абсолютным позиционированием, нижняя граница, которого, может уйти ниже твоего, граничного diva, на который настроен IntersectionObserver
Или перед твоим сторожевым divом стоит div с фиксированной высотой, но с overflow-y: visible и сильно переполняется так, что его содержимое уходит ниже твоего diva.
...
Рейтинг: 0 / 0
27.08.2020, 09:05
    #39992809
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя
hVostt
в твоём варианте решается другая задача :)
какая?


такая

вадя
в моём варианте сработает только когда появится самый нижний элемент


ТС озвучил другую задачу.

Это примерно, как пожарить яичницу на CPU со снятым кулером.
Вроде и задача решена, но и курам на смех :)
...
Рейтинг: 0 / 0
27.08.2020, 09:18
    #39992814
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
voraa
Например, есть на странице div с абсолютным позиционированием, нижняя граница, которого, может уйти ниже твоего, граничного diva, на который настроен IntersectionObserver
Или перед твоим сторожевым divом стоит div с фиксированной высотой, но с overflow-y: visible и сильно переполняется так, что его содержимое уходит ниже твоего diva.


Вадя тяготеет к унылым и бестолковым костылям. Раньше табличками верстали, картинки резали и много других костылей использовали, потому что других вариантов не было. А тут вариант есть, быстрый и рабочий, но нет. Хочется костылей, ну што тут поделать. Не живётся людям по уму
...
Рейтинг: 0 / 0
27.08.2020, 09:48
    #39992826
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
voraa
вадя
пропущено...
какие?

Например, есть на странице div с абсолютным позиционированием, нижняя граница, которого, может уйти ниже твоего, граничного diva, на который настроен IntersectionObserver
Или перед твоим сторожевым divом стоит div с фиксированной высотой, но с overflow-y: visible и сильно переполняется так, что его содержимое уходит ниже твоего diva.
придумывай есчо...
...
Рейтинг: 0 / 0
27.08.2020, 09:51
    #39992828
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
hVostt,
внешняя либа...
...
Рейтинг: 0 / 0
27.08.2020, 10:34
    #39992849
voraa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя
придумывай есчо...

Ладно бы я.
Это жизнь придумывает всякие ситуевины.
А скрипт должен надежно работать в любой ситуации.
...
Рейтинг: 0 / 0
27.08.2020, 11:47
    #39992881
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя
hVostt,
внешняя либа...


Этот код крайне легко переписывается на ванилу, с этим может справится даже обезьяна.
Но код для jQuery читается лучше, он выразительнее и меньше.
Не используешь JQ, перепиши. Разницы по производительности -- абсолютно никакой нет.
...
Рейтинг: 0 / 0
27.08.2020, 18:20
    #39993110
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
voraa,

https://jsfiddle.net/crwg17Lp/

давай вариант
...
Рейтинг: 0 / 0
27.08.2020, 18:39
    #39993127
Дмитрий Мух
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
Женя32
Здравствуйте!
Подскажите, пожалуйста, как программно определить что пользователь прокрутил веб-страницу до конца?

Уж не для реализации "бесконечного скролла", где контент подгружается по мере того как страница прокручивается вниз, вам это нужно?
Если да, то Intersection Observer - самое то.
...
Рейтинг: 0 / 0
27.08.2020, 20:12
    #39993144
voraa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя,
Сам попробуй
Заключи свои div-ы в такой контейнер

Код: html
1.
2.
3.
4.
5.
<div style='height:100px; overflow:visible;'>
  <div>jcjwcw<br>ewfwe</div>
....
  <div>jcjwcw<br>ewfwe</div>
</div>



И посмотри, что получится.
Если не нравится overflow:visible (это, конечно, изврат), то можешь поставить

<div style='position:absolute; width:100%;height:100px;'>

- это более осмысленно.
...
Рейтинг: 0 / 0
27.08.2020, 20:25
    #39993145
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
voraa,

дак я дал код - вставь , продемонстрируй
...
Рейтинг: 0 / 0
27.08.2020, 22:42
    #39993165
voraa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как определить что страница прокручена до конца?
вадя
voraa,

дак я дал код - вставь , продемонстрируй

https://jsfiddle.net/voraa/cg175zj4/5/
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как определить что страница прокручена до конца? / 25 сообщений из 70, страница 1 из 3
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]