Как высчитать растояние между началом клиент-окна и блоком?

@stoma655 · Регистрация: 15.07.2017

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

есть например вариант высчитать растояние от начала страницы

JavaScript    
        
    Скопировано
1
2
let elem = document.querySelector('.elem');
console.log(elem.offsetTop);

а мне нужно, когда человек пролистает до определенного момента, происходит действие, то етсь когда например между верхней планкой клиентского окна и каким либо блоком остается 50px бум функция.

@atanov · 10.02.2018, 07:12

Функцию прицепить к событию window.onscroll и поставить условие по window.pageYOffset

@stoma655 · 10.02.2018, 15:51 **[ТС]**

спасибо большое будем пробовать

Добавлено через 24 минуты
еее работает))

Новые блоги и статьи Все статьи Все блоги /
Организация сетей в Kubernetes и эффективное развертывание Mr. Docker 14.04.2025 Сетевая инфраструктура Kubernetes представляет собой сложную, но хорошо спроектированную систему, которая позволяет контейнерам взаимодействовать между собой и с внешним миром. За кажущейся простотой. . .	Многопоточность в Rust: Fearless concurrency и практические примеры golander 14.04.2025 Многопоточное программирование связано с рядом известных проблем. Наиболее распространенные из них — гонки данных (data races), взаимные блокировки (deadlocks) и условия гонки (race conditions). Эти. . .	Списки и кортежи в Python: различия, особенности, применение py-thonny 13.04.2025 Python славится своей гибкостью при работе с данными. В арсенале языка есть две основные последовательные структуры данных, которые программисты используют ежедневно — списки и кортежи. Эти структуры. . .	Middleware в ASP.NET Core UnmanagedCoder 13.04.2025 В ASP. NET Core термин "middleware" занимает особое место. Что же это такое? Middleware представляет собой программные компоненты, которые формируют конвейер обработки HTTP-запросов в приложении. . . .	Таблицы лута в Unity с MinMaxCurve и AnimationCurve GameUnited 12.04.2025 Создание сбалансированного лута в играх — задача не из простых. Разработчики постоянно ищут способы настройки систем выпадения предметов, которые будут одновременно справедливыми для игроков и. . .
std::expected в C++: Управление ошибками bytestream 12.04.2025 Обработка ошибок всегда была важной и одновременно сложной задачей в программировании на C++. На протяжении долгого времени разработчики использовали различные подходы: возвращаемые коды ошибок,. . .	Nullable типы и операторы объединения null в C# UnmanagedCoder 12.04.2025 Многие шутят, что null — это миллиардная ошибка в программировании. И в этой шутке только доля шутки. Тони Хоар, создатель null-ссылки, сам назвал её своей "ошибкой на миллиард долларов". Почему?. . .	Аутентификация и авторизация JWT в микросервисах с API Gateway stackOverflow 12.04.2025 В традиционных монолитных приложениях безопасность часто реализуется как единый защитный периметр - пользователь проходит аутентификацию один раз, после чего получает доступ ко всем функциям системы. . . .	TypeScript: Интерфейсы vs Типы run.dev 11.04.2025 Современная разработка на JavaScript сталкивается с множеством проблем при масштабировании проектов. Типизация кода стала хорошим инструментом, помогающим избежать ошибок во время выполнения,. . .	Управление топиками и разделами Kafka Javaican 11.04.2025 Apache Kafka — распределенная платформа потоковой передачи данных, которая стала стандартом для построения высоконагруженных систем обмена сообщениями. В современной архитектуре микросервисов,. . .

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,673
	10.02.2018, 07:12
	Функцию прицепить к событию window.onscroll и поставить условие по window.pageYOffset 1

@stoma655 0 / 0 / 0 Регистрация: 15.07.2017 Сообщений: 99
	10.02.2018, 15:51 [ТС]
	спасибо большое будем пробовать Добавлено через 24 минуты еее работает)) 0