@TerritoryOfPeace
Изучаю php

Как инстаграм отслеживает просмотр непрочитанных сообщений?

Как отслеживать просмотр блока от пользователя?
Например, есть блок <div id=""message></div> с непрочитанным сообщением. Как можно отследить просмотр этого блока пользователем?
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
noder_ss
@noder_ss
Человек хороший, вёрстка по душе
Если хотите понимать, просмотрел ли пользователь ваш блок, то это бекенд. А если простой пример на js, то так:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="message">Message</div>
</body>
<style>
    .message{
        margin-top: 2300px;
        margin-bottom: 1000px;
    }
</style>
<script>
    let message = document.querySelector('.message')
    function onEntry(entry) {
      entry.forEach(change => {
        if (change.isIntersecting) {
        alert('Простотрено')
        
        }
      });
    }
        let options = {
      threshold: [0.5] };
    let observer = new IntersectionObserver(onEntry, options);
    let elements = document.querySelectorAll('.message');
    
    for (let elm of elements) {
      observer.observe(elm);
    }

</script>
</html>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы