Контент течет по полосе прокрутки - PullRequest
Новая
       31

Контент течет по полосе прокрутки

0 голосов
/ 14 января 2019

странная ошибка здесь. Искал в интернете часами, но пока не нашел решения: (

https://www.*****.*****/

Это происходит только на странице с параллаксом, страница без параллакса в порядке (страница биографии).

Что происходит, если вы присмотритесь внимательно, то увидите, что белый заголовок transparant-ish течет над вашей полосой прокрутки.

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

Кто-нибудь знает способ 100% исправить это? Я перепробовал множество ответов в Интернете, но ни один из них не дал мне работающего решения.

Надеюсь, кто-нибудь сможет мне объяснить, что происходит и как это решить.

С наилучшими пожеланиями

1 Ответ

0 голосов
/ 14 января 2019

Невозможно разместить меню под полосой прокрутки, поскольку полоса прокрутки на страницах с контейнерами .parallax является не полосой прокрутки <body>, а полосой прокрутки .parallax.
И вы не можете поместить элемент A между элементом B и полосой прокрутки элемента B, если только элемент A не является потомком элемента B.

Однако настоящая проблема не в том, чтобы разместить меню под полосой прокрутки. Реальная проблема заключается в возможности использовать полосу прокрутки (щелкните ее верхнюю стрелку) через меню, где они перекрываются.

Что вполне возможно, используя: 

.menu {
  pointer-events: none;
}
.menu-wrapper > * {
  pointer-events: all;
}

(Это делает меню прозрачным для событий указателя, за исключением дочерних элементов .menu-wrapper, которые не перекрывают полосу прокрутки).

...