Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Одна страница - один экран, Независимость страницы при масшабировани 
:(
    Опции темы
evkrem
Дата 15.2.2015, 19:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 5
Регистрация: 13.2.2015

Репутация: нет
Всего: нет



Как сделать, чтобы на экране отображалась лишь необходимая область, но при прокрутке вниз появлялось то, что идет дальше. Грубо говоря, при открытии сайта на весь экран будет черный фон с заглавной фоткой, а прокрутив вниз будет светлый фон с текстом.
Вот пример того, о чем я говорю http://solomo.welovedigital.com/
При масштабировании контент уменьшается, а фон остается на весь экран, но при прокрутке вниз фоновое изображение меняется. Надеюсь смог понятно объяснить... из-за плохого знания терминов не могу найти ответа в инете, буду рад за подсказку или ссылку, где можно найти ответ на вопрос. 
PM MAIL   Вверх
bork
Дата 16.2.2015, 13:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 98
Регистрация: 4.1.2008

Репутация: нет
Всего: нет



Это называется "Динамическая подгрузка контента при прокрутке"

При масштабировании контент уменьшается, а фон остается на весь экран

Код

<style>
body { 
background: url(bg.jpg) 50% 0% no-repeat fixed transparent;
background-size: 100% 100%;

#content {width:100%; height:auto;}
</style>


<div id="content"> Текст </div>


Это сообщение отредактировал(а) bork - 16.2.2015, 13:01
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0402 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.