Контент перемещается по полосе прокрутки
странная ошибка здесь. Искал в интернете часами, но рабочих решений пока нет :(
https: // www. *****. ***** /
Это происходит только на странице с параллаксом, страница без параллакса подойдет (страница биографии).
Что происходит, так это то, что если вы присмотритесь, вы увидите, что белый прозрачный заголовок течет НАД полосой прокрутки.
Присмотревшись, вы увидите, что все тело парит над моей полосой прокрутки.
Кто-нибудь знает способ на 100% исправить это? Я пробовал много-много ответов в Интернете, но ни один из них не дал мне рабочего решения.
Надеюсь, кто-нибудь сможет объяснить мне, что происходит и как это решить.
С наилучшими пожеланиями
Ответы 1
Вы не можете разместить меню под полосой прокрутки, потому что полоса прокрутки на страницах с контейнерами .parallax - это не полоса прокрутки <body>, а полоса прокрутки .parallax.
И вы не можете разместить элемент A между элементом B и полосой прокрутки элемента B, если только элемент A не является потомком элемента B.
Однако настоящая проблема не в том, чтобы разместить меню под полосой прокрутки. Настоящая проблема заключается в возможности использовать полосу прокрутки (щелкните ее верхнюю стрелку) через меню, где они перекрываются.
Что вполне возможно, если использовать:
.menu {
pointer-events: none;
}
.menu-wrapper > * {
pointer-events: all;
}
(Это делает меню прозрачным для событий указателя, за исключением дочерних элементов .menu-wrapper, которые не перекрывают полосу прокрутки).
Но у меня есть еще один вопрос ... есть ли способ все это исправить? на ПК все в порядке, но когда я пытаюсь прокрутить экран на планшете или мобильном телефоне (в данном примере это Apple), прокрутка происходит неправильно. Он прокручивается, но как только вы убираете палец с экрана, он перестает прокручиваться вместо обычной прокрутки (которая постепенно останавливается сама по себе). С наилучшими пожеланиями
@Amgelo, это совершенно отдельный вопрос. Принцип SO требует, чтобы вы задавали его отдельно, поэтому любой, у кого есть аналогичная проблема, может извлечь выгоду из ответа. В частности, это потому, что используемый вами метод параллакса ошибочен. Существует очень много методов параллакса, и лишь некоторые из них подходят для iOS. Короче, вы ошиблись темой. Я предполагаю, что даже его создатели не знают об этом (иначе они выбрали бы лучшую технику параллакса).
Приношу свои извинения, я подумаю об этом в будущем :) и спасибо за ваш ответ!
Ты человек! это действительно работает отлично! большое спасибо! всю ночь пытался понять это (никогда раньше не видел), но так и не нашел решения. Вы просто сделали мой день!