Почему слайдер не работает когда меню (header) имеет position: fixed;?

Question

[dsfafdagsadf]

Вот код https://jsfiddle.net/f4qusxmr/

Answer 1

[Евгений]

он считает, что слайдер не виден вот здесь:

if (!_isElementVisible(_mainElement)) {
            return;
          }

если глубже, то вот здесь

element.contains(elemFromPoint(rect.left, rect.top))
          || element.contains(elemFromPoint(rect.right, rect.top))
          || element.contains(elemFromPoint(rect.right, rect.bottom))
          || element.contains(elemFromPoint(rect.left, rect.bottom))

когда ты используешь fixed на меню, ты перекрываешь верх слайдера, и верхние точки недоступны, а нижние не были доступны и раньше, если ты сдвинешь для интереса слайдер с помощью margin-top на пикселей 100, или
сделаешь вот так:

|| element.contains(elemFromPoint(rect.right, rect.bottom - 1))
|| element.contains(elemFromPoint(rect.left, rect.bottom - 1))

то он заработает) очевидно, это всё не самое подходящее решение