Итак, я заметил стиль, используемый в нескольких проектах в последнее время, который дает внешний вид статических фоновых изображений с наложением содержимого, который показывает и скрывает изображения на прокрутке. Трудно описать эффект, но вы можете увидеть его here и here. Это почти похоже на два слоя для дизайна. Любые советы о том, как достичь этого?Какая техника css используется для получения эффекта?
Если вы хотите сделать это с помощью javascript - вы можете заглянуть в библиотеку stellar.js. Вы используете его с jQuery для обработки прокрутки параллакса для элементов или фона или обоих.
http://markdalgleish.com/projects/stellar.js/
Это поможет вам справиться с параллакс скроллинга и сохраняет определенную функциональность для мобильных устройств.
это потрясающе! Спасибо за ссылку – Jedda
Я думаю, что это может помочь также curtain.js его больше не поддерживать, но его отличный плагин, если вы посмотрите на демонстрационные сайты!
Это называется прокруткой параллакса. Вы можете сделать это с помощью JS или злоупотреблять перспективой с помощью 3D-преобразований. – SLaks
[возможно, связанный] (http://stackoverflow.com/questions/14799820/how-to-move-1-div-faster-over-a-div-when-the-page-is-scrolled/14799926)? –
для показанного эффекта на странице венчурного проекта google вам не нужен javascript. Верхняя часть фиксирована, а прокручивающая часть имеет относительное положение с более высоким z-индексом. Это всего лишь вопрос позиционирования. –