Эффект параллакса только на определенных частях веб-страницы?

Question

Я пытаюсь реализовать эффект параллакса на веб-сайте.Но у меня есть вопрос: можно ли это сделать внутри определенной части страницы?Или заставить некоторые части сайта быть статичными, в то время как другие - параллаксом?

У меня есть верхний и нижний колонтитулы, и их позиция определяется в CSS с помощью «position: fixed;».Итак, я хотел бы иметь эффект параллакса между ними.Я думаю, что это может вызвать некоторые проблемы из-за положения изображений и т. Д.

Я провел исследование и основал весь сайт, посвященный параллаксу, и обнаружил, что эффект является глобальным для всех страниц.

Answer 1

Я пытаюсь реализовать эффект параллакса на веб-сайте. Но у меня есть вопрос: можно ли это сделать внутри определенной части страницы? Или заставить некоторые части сайта быть статичными, в то время как другие - параллаксом?

Да, вы можете сделать это.

---

Есть некоторые проблемы, если ваша страница не имеет фиксированной ширины - вам нужно привязать к пересчету изменения размера окна offset() и height вашего параллакса div

Также вы должны установить <img/> s width и height.

Для большего количества вызовов событий связывания производительности, только если $(document).scrollTop() находится в соответствующем диапазоне.