A K

У вас li лежит в div, исправьте семантическую ошибку: теги li должны находиться внутри ul. Заверните свой список ul в блок .my-custom-scroll-block и уже в нем кастомизируйте скролл с помощью плагина.

Просто используйте созданное для этого свойство: document.hidden или document.visibilityState

document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === 'visible') {
    console.log("is visible");
  } else {
    console.log("isn't visible");
  }
});

masonjs.com
masonry.desandro.com
callmecavs.com/bricks.js
Надо лишь правильно настроить.

<iframe src="http://www.hochmuth.com/mp3/Haydn_Cello_Concerto_D-1.mp3" allow="autoplay" id="audio"  style="display:none"></iframe>

Вопрос задавался и неоднократно.
Как сверстать такой список?
Как сделать точки как в содержании?

Используйте localStorage

Laravel уже имеет встроенное средство для сборки фронтенд файлов: webpack (vuejs, sass, bootstrap)
https://laravel.com/docs/5.7/mix

• Горизонтальный скролл
  
• Вертикальное размещение:
  

  ↳ Home
  ↳ Wines
  ↳ White wines
  ↳ Chardonnay

  
  
  

$('.minus').click(function() {
  let count = $('.numb');
  if(count.val() > 3)
    count.val(parseInt(count.val())-1);
});

ReflectionClass php.net/manual/ru/class.reflectionclass.php

https://masonry.desandro.com/