Марина_Шумелёва
10.05.2014 - 09:59
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="style.css">
</head>
<body>
<div id="1"></div>
</body>
</html>
#1 {position:absolute;height:100%;width:400px;right:0px;top:100%;background-color:#ff0000;}
Затрудняюсь сделать почти тоже самое, да наоборот )))
Блок должен вылезать не снизу, а сверху при прокрутке вниз....
Нужная информация
_____________
Принимаю заказы, писать в ЛС
Kopipaster
10.05.2014 - 17:10
| Цитата (Марина_Шумелёва @ 10.05.2014 - 09:59) |
| Блок должен вылезать не снизу, а сверху при прокрутке вниз.... |
CSSом не возможно. У вас див просто опущен, на размер окна вниз. И когда вы прокручиваете вниз, его становится видно. Нет в этом никакой магии.
А вот если диву надо вылазить сверху, при использовании скрола в низ. Тут уже попахивает магией JS.
redreem
10.05.2014 - 21:24
Марина_Шумелёва
не совсем понял как это "вылезать сверху при прокрутке вниз", но попробуй поиграться с отрицательными маргинами например....
Игорь_Vasinsky
10.05.2014 - 21:36
Мария,Мария.. рады приветствовать. не совсем понятно что вы загадали)
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Invis1ble
11.05.2014 - 00:11
Игорь_Vasinsky
11.05.2014 - 00:22
аа.. пардоне.. не Маша значит.. не наша..
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Во первых - запрещено классы и идентификаторы начинать с цифр!
Во вторых, если без "вылезать", а просто прикрепить к верху страницы, то:
#top {position:fixed;height:100px;width:400px;right:0px;top:0;background-color:#ff0000;}
Марина_Шумелёва
11.05.2014 - 14:35
Kopipaster Да именно это я и пытаюсь сделать.
Кому не понятно:
в моём примере блок находится за экраном внизу (top:100%
и при использовании скрола в низ он вылазит снизу и поднимается наверх....
а мне нужно
наоборот что бы блок был за экраном сверху ( top:-100%; как то так наверное =)))) и при использовании скрола он опускался плавно вниз =)))) вот
Invis1ble
11.05.2014 - 22:33
ну тогда, на всякий случай, учти, что position fixed не поддерживается в ie6, прости господи
_____________
Профессиональная разработка на заказЯ на GitHub |
второй профиль
redreem
11.05.2014 - 23:05
| Цитата |
| учти, что position fixed не поддерживается в ie6 |
думаю пора слать заказчиков, которые настаивают на поддержке ie6
Марина_Шумелёва
12.05.2014 - 07:15
Как заставить синий блок двигаться сверху вниз при прокрутке скрола?
при этом изначально он должен быть за границей экрана
Invis1ble
12.05.2014 - 07:37
| Цитата (Марина_Шумелёва @ 12.05.2014 - 07:15) |
Как заставить синий блок двигаться сверху вниз при прокрутке скрола?
при этом изначально он должен быть за границей экрана |
если я правильно понял задачу, то на javascript надо накалякать несколько строк
_____________
Профессиональная разработка на заказЯ на GitHub |
второй профиль
Марина_Шумелёва
12.05.2014 - 17:23
я не знаю сколько строк и на чём нужно накалякать...
похоже я спрашиваю что то нереальное и очень сложное
Kopipaster
12.05.2014 - 18:43
| Цитата (Марина_Шумелёва @ 12.05.2014 - 17:23) |
я не знаю сколько строк и на чём нужно накалякать...
похоже я спрашиваю что то нереальное и очень сложное |
А то.
Конечно смотря перед кем задачу поставить. Как по мне, довольно проблемно такое сделать. Вот если вместо скролла использовать нажатие на ссылку, проблем будет куда как меньше. Нажал на кнопочку блок сверху плавно выкатился. А со скроллом ищи шаманов.
Быстрый ответ:
Powered by dgreen
Здесь расположена полная версия этой страницы.