ReSQL.ru
     
powered by simpleCommunicator - 2.0.49     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как определить что страница прокручена до конца?
25 сообщений из 70, страница 1 из 3
  1  все
Как определить что страница прокручена до конца?
    #39992009
Женя32
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Женя32
Гость
Здравствуйте!
Подскажите, пожалуйста, как программно определить что пользователь прокрутил веб-страницу до конца?
...
Рейтинг: 0 / 0
24.08.2020, 15:49
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39992058
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Женя32,

https://developer.mozilla.org/ru/docs/Web/API/MutationObserver
...
Рейтинг: 0 / 0
24.08.2020, 19:32
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39992061
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Женя32,

https://developer.mozilla.org/ru/docs/Web/API/IntersectionObserver
...
Рейтинг: 0 / 0
24.08.2020, 19:50
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39992067
Женя32
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Женя32
Гость
вадя
Женя32,

https://developer.mozilla.org/ru/docs/Web/API/IntersectionObserver

Ну, и какое отношение это имеет к моему вопросу?
Мне нужно чтобы, когда бегунок будет опущен в низ, выходило сообщение: alert("bottom!"); а Вы мне дали ссылку на то, как отслеживать изменения в документе.
...
Рейтинг: 0 / 0
24.08.2020, 20:11
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39992082
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Женя32
Ну, и какое отношение это имеет к моему вопросу?
Мне нужно чтобы, когда бегунок будет опущен в низ, выходило сообщение: alert("bottom!"); а Вы мне дали ссылку на то, как отслеживать изменения в документе.
а включить то что на шее?
сделай див или что у тебя там в самом конце, вот когда оно появится на экране - и будет прокрученная страница до конца
...
Рейтинг: 0 / 0
24.08.2020, 21:38
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39992242
Женя32
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Женя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, 13:22
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39992277
Фотография peter64
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
peter64
Участник
Женя32,
http://jsfiddle.net/Y6GHm/1/
...
Рейтинг: 0 / 0
25.08.2020, 14:28
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39992287
Фотография peter64
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
peter64
Участник
peter64
Женя32,
http://jsfiddle.net/Y6GHm/1/

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

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

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

уотак вот

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


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

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


такая

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


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

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


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

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

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


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

https://jsfiddle.net/crwg17Lp/

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

Уж не для реализации "бесконечного скролла", где контент подгружается по мере того как страница прокручивается вниз, вам это нужно?
Если да, то Intersection Observer - самое то.
...
Рейтинг: 0 / 0
27.08.2020, 18:39
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39993144
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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:12
| Ответить | Цитировать | Написать  
Как определить что страница прокручена до конца?
    #39993145
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
voraa,

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

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

https://jsfiddle.net/voraa/cg175zj4/5/
...
Рейтинг: 0 / 0
27.08.2020, 22:42
| Ответить | Цитировать | Написать  
25 сообщений из 70, страница 1 из 3
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как определить что страница прокручена до конца?
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=8&tid=1443403]:
 0ms
get settings:
 12ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 56ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 63ms
get tp. blocked users:
 2ms
others: 13ms
total:  184ms
созд. / загр.: 184ms
x
x
Закрыть


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