Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Прокрутка DIV

Обсуждение темы Прокрутка DIV в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Как заставить синий блок двигаться сверху вниз при прокрутке скрола? при этом изначально он должен быть за границей экрана.... смотрим картинку внизу. или ...


Закрытая тема
 
Опции темы
Старый 12.05.2014, 18:17   #1
l8l

Как заставить синий блок двигаться сверху вниз при прокрутке скрола?
при этом изначально он должен быть за границей экрана.... смотрим картинку внизу.

или наглядный ПРИМЕР:
Код HTML:
<head>
<link rel="stylesheet" type="text/css" media="all" href="style.css">
</head>
<body>
<div id="a"></div>
</body>
Код:
#a{position:absolute;height:100%;width:400px;right:0px;top:100%;background-color:#ff0000;}
только нужно наоборот блок должен опускаться сверху вниз при скроле... ну как на картинке
Изображения
Тип файла: jpg сс.jpg (12.0 Кб, 5 просмотров)
 
Старый 12.05.2014, 18:17
Ссылки
Старый 15.05.2014, 13:23   #2
на событие scroll вешается изменение позиции top.
Только сделать надо не absolute а fixed, Ну, или вложить в body
 
Старый 15.05.2014, 13:23
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
прокрутка в iframe dim HTML, CSS, JavaScript 1 18.06.2010 06:35
Горизонтальная прокрутка? Alexandrm HTML, CSS, JavaScript 4 24.06.2008 15:07
Прокрутка в проигрывателе wmp candy_man HTML, CSS, JavaScript 0 28.04.2007 23:35
Горизонтальная прокрутка scroll'ом Nex HTML, CSS, JavaScript 2 23.10.2006 18:07
Прокрутка слева! Как изменить? Денисон HTML, CSS, JavaScript 1 14.07.2003 10:43


Текущее время: 12:15. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум