Как определить что скрол на дне?

@Gerd199 · 17.10.2019, 09:07. **Показов** 457. **Ответов** 6

Студворк — интернет-сервис помощи студентам

JavaScript
1
2
3
4
5
$('.lg',0).scroll(function() {
  var scroll = $(this).scrollTop()+ $(this).height();;
  console.log(scroll);
  
});

Запутался. Есть

HTML5
1
<ul class='lg'>...</ul>

На нем вертикальный скрол, как определить, что скролл прокрчен до упора вниз? Знаем высоту блока, далее отступ срола от top...

@j2FunOnly · 17.10.2019, 09:24

Не по теме:

Сообщение от Gerd199

JavaScript
1
$('.lg',0)

В каких целях в качестве контекста поиска элементов с классом lg используется 0?

@Gerd199 · 17.10.2019, 09:28 **[ТС]**

На странице несколько блоков, прописывая 0. Обозначаю, что работать необходимо с первым блоком на страницу.

@j2FunOnly · 17.10.2019, 10:01

https://devdocs.io/dom/element/scrollheight

Determine if an element has been totally scrolled

JavaScript
1
element.scrollHeight - element.scrollTop === element.clientHeight

Добавлено через 21 минуту

Сообщение от Gerd199

Обозначаю, что работать необходимо с первым блоком на страницу.

Что-то не работает https://jsfiddle.net/j2FunOnly/7hbe0pgr/

PHP/HTML
1
2
3
4
5
6
7
8
<p class="lg">1</p>
<p class="lg">2</p>
<p class="lg">3</p>
<p class="lg">4</p>
<script src="https://unpkg.com/jquery"></script>
<script>
    $('.lg', 0).css('color', 'red')
</script>

По вашему только первый .lg должен быть красным, а они все.

https://api.jquery.com/jQuery/... or-context

Internally, selector context is implemented with the .find() method, so $( "span", this ) is equivalent to $( this ).find( "span" ).

Т. о. $('.lg', 0) === $(0).find('.lg') - оно вообще работать не должно
https://jsfiddle.net/j2FunOnly/7hbe0pgr/2/

PHP/HTML
1
2
3
4
5
6
7
8
<p class="lg">1</p>
<p class="lg">2</p>
<p class="lg">3</p>
<p class="lg">4</p>
<script src="https://unpkg.com/jquery"></script>
<script>
    $(0).find('.lg').css('color', 'red')
</script>

@Gerd199 · 17.10.2019, 12:37 **[ТС]**

Хм, я все время предполагал что это так работает. Ну или указывал вместо нуля объект, что искала внутри него.
Что тогда, каждый элемент необходимо id если на странице присутствуют несколько классов?
Или как вариант $('.lg:first-child')

Добавлено через 1 час 1 минуту
Возможно ли узнать это не обертывая в еще один блок?

@Gerd199 · 18.10.2019, 08:43 **[ТС]**

Хелп

@KrisWeb · 18.10.2019, 13:56

вычисли высоту и потом сравнивай её с текущим значением скрола

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .

@Gerd199 Заблокирован
	17.10.2019, 09:28 [ТС]
	На странице несколько блоков, прописывая 0. Обозначаю, что работать необходимо с первым блоком на страницу. 1

@Gerd199 Заблокирован
	17.10.2019, 12:37 [ТС]
	Хм, я все время предполагал что это так работает. Ну или указывал вместо нуля объект, что искала внутри него. Что тогда, каждый элемент необходимо id если на странице присутствуют несколько классов? Или как вариант $('.lg:first-child') Добавлено через 1 час 1 минуту Возможно ли узнать это не обертывая в еще один блок? 0

@Gerd199 Заблокирован
	18.10.2019, 08:43 [ТС]
	Хелп 0

@KrisWeb 1 / 1 / 1 Регистрация: 15.10.2019 Сообщений: 54
	18.10.2019, 13:56
	вычисли высоту и потом сравнивай её с текущим значением скрола 0