 |
Форум torrenpier который уже живет
это сообщество владельцев форумов на phphBB2, торрент-трекеров на движках torrentpier и SVN всех версий.
Здесь можно найти решение своих проблем на своем сайта.
Здесь можно скачать полезные и нужные моды torrenpier, phpBB2 и svn.
Наш форум - это место для общения и обмена опытом между любителей движков, создателей модов на заказ и владельцев сайтов!
|
| Автор |
Сообщение |
|
Admin Администратор Зарегистрирован: 2010-07-27 Сообщ.: 777
|
 17-Мар-11 21:27 |
#1  |
Анимируется конечно же margin-top и никакого position-a нет. Но если вдруг нужно блок #fixed сделать поверх чего-либо, то можно задать ему position:absolute и анимировать свойство top.
Один из плюсов этого способа, что блок не заезжает на шапку, но при прокрутке вниз прилипает к верхнему краю окна.
В блок можно поставить меню или баннеры.все что угодно на Ваш вкус.
вставлять код между <head> </head>
| Код: | <style type="text/css">
#main {
width:900px;
margin:0 auto;
}
.colLeft {
width:70%;
float:left;
}
.colRight {
float:right;
width:20%;
}
h1{
background:#CCC;
padding:50px;
}
#fixed {
background:#CCC;
padding:20px;
}
</style>
</head>
<body>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2"></script>
<script type="text/javascript">
$(function() {
var offset = $("#fixed").offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
}
else {$("#fixed").stop().animate({marginTop: 0});};});
});
</script>
<div id="main">
<h1>ваша шапка на сайте или на трекере</h1>
<div class="colLeft">тут ваш текст или содержание страницы
</div>
<div class="colRight">
<div id="fixed"><a href="http://torrentpier-download.ru">меню</a></div>
</div>
</div>
|
|
|
|
Вернуться к началу
|
|
|
|
|
|
|
|
|
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
|
Все материалы сайта представлены только для ознакомления. При копировании материала ссылка на torrentpier-download.ru
обязательна!
sitemap карта форума | Статистика визитов поисковых ботов | Выдача в поисковиках
Powered by phpBB © 2001, 2011 phpBB Group | ©2011-2024 - Воронеж |
| 
