JavaScript и технология AJAX
  • JavaScript и AJAX -

    Плавающий DIV блок прикреплённый к низу [Решено!]

Плавающий DIV блок прикреплённый к низу [Решено!]

Сообщение olegkaz » Чт мар 14, 2013 05:32

Привет всем, есть маленькие трудности в создании плавающего блока прикрепленного к нижнему правому углу.

Есть вот такой код:
Код: Выделить всё
<!DOCTYPE HTML>
<html>
<head>
     <meta http-equiv="content-type" content="text/html" />
    <title>Страница</title>
     

<style type="text/css">
html,body{
      margin:0;
      padding:0;
      height: 100%;
}

#main{
     min-height: 100%;
     position: relative;
}

#floatingBlock{
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 100px;
    height: 50px;
}
</style>
</head>
<body>
<div id="main">
       <div id="floatingBlock">Плавающий блок</div>
</div>
</body>
</html>


РЕШЕНИЕ :
Код: Выделить всё
#floatingBlock{
    position: fixed;
    right: 10px;
    bottom: 10px;
}
Последний раз редактировалось olegkaz Чт мар 14, 2013 05:58, всего редактировалось 2 раз(а).
olegkaz
 
Сообщения: 113
Зарегистрирован: Чт фев 21, 2013 17:10


Re: Плавающий DIV блок прикреплённый к низу.

Сообщение olegkaz » Чт мар 14, 2013 05:46

Нашел решение. Только причём тут был Drag-and-drop?
Все идёт от функции scrollTop().
olegkaz
 
Сообщения: 113
Зарегистрирован: Чт фев 21, 2013 17:10

Re: Плавающий DIV блок прикреплённый к низу [Решено!]

Сообщение Your » Чт мар 14, 2013 05:56

А, вы про что имеете ввиду?
За страницей, чтобы двигался по событию колесика, то есть скролл-бара?
У вас вопрос не корректный...
Выражайтесь в следующий раз яснее...

Можно воспользоваться position:fixed;
Your
 
Сообщения: 4072
Зарегистрирован: Сб июл 02, 2011 06:37

Re: Плавающий DIV блок прикреплённый к низу [Решено!]

Сообщение olegkaz » Чт мар 14, 2013 05:59

Your писал(а):А, вы про что имеете ввиду?
За страницей, чтобы двигался по событию колесика, то есть скролл-бара?
У вас вопрос не корректный...
Выражайтесь в следующий раз яснее...

Можно воспользоваться position:fixed;


Вот именно просто надо было добавить всего position:fixed; Почему топотянуло в сторону jquery , хотя решалось всё с помощью CSS.
olegkaz
 
Сообщения: 113
Зарегистрирован: Чт фев 21, 2013 17:10

Re: Плавающий DIV блок прикреплённый к низу [Решено!]

Сообщение Your » Пт мар 15, 2013 03:12

olegkaz писал(а):Вот именно просто надо было добавить всего position:fixed;

Если делать под все браузеры, и старые тоже... То придется хакнуть, так как в некоторых не поддерживается это свойство.
И придется применять expression.
Your
 
Сообщения: 4072
Зарегистрирован: Сб июл 02, 2011 06:37