Текущее время: 28 мар 2024, 20:51


Форум временно переведен в режим "Только для чтения". По вопросам технической поддержки, обращайтесь, пожалуйста на admin@getbb.ru

 

Часовой пояс: UTC + 3 часа [ Летнее время ]




Начать новую тему Ответить на тему  [ 1 сообщение ] 
Автор Сообщение
 Заголовок сообщения: Подскажите как установить скользящий блок на jQuery
СообщениеДобавлено: 16 янв 2014, 19:27 
Забыл про аватар :)
Разбирающийся

Зарегистрирован: 02 сен 2012, 11:44
Сообщений: 144
Очков репутации: 1

Добавить очки репутацииУменьшить очки репутации
Пол: Мужской
Этот скрипт нашёл здесь http://seodnevnik.ru/sozdanie-sajtov/skolzyashhij-blok-na-jquery-v-sajdbare.html.Мне нужно разъяснить как устанавливать его со второго пункта.Мой форум http://moskvaforum.moibb.ru/

Шаг 1. Создаем или скачиваем js файл.
Или сами создайте файл jquery.lockfixed.js и поместите в него следующий код:
Текст:
1
(function(d){d.extend({lockfixed:function(a,b){b&&b.offset?(b.offset.bottom=parseInt(b.offset.bottom,10),b.offset.top=parseInt(b.offset.top,10)):b.offset={bottom:100,top:0};if((a=d(a))&&a.offset()){var h=a.offset().top;a.offset();a.outerHeight(!0);var j=a.outerWidth(),m=a.css("position"),n=a.css("top"),c=parseInt(a.css("marginTop"),10),k=d(document).height()-b.offset.bottom,f=0,g=!1;if(!0===b.forcemargin||navigator.userAgent.match(/\bMSIE (4|5|6)\./)||navigator.userAgent.match(/\bOS (3|4|5|6)_/)||
navigator.userAgent.match(/\bAndroid (1|2|3|4)\./i))g=!0;d(window).bind("scroll resize orientationchange load",a,function(){var l=a.outerHeight(),e=d(window).scrollTop();if(!g||!(document.activeElement&&"INPUT"===document.activeElement.nodeName))e>=h-(c?c:0)-b.offset.top?(f=k<e+l+c+b.offset.top?e+l+c+b.offset.top-k:0,g?a.css({marginTop:parseInt((c?c:0)+(e-h-f)+2*b.offset.top,10)+"px"}):a.css({position:"fixed",top:b.offset.top-f+"px",width:j+"px"})):a.css({position:m,top:n,width:j+"px",marginTop:(c?
c:0)+"px"})})}}})})(jQuery);


Шаг 2. Подключаем скрипты в HEAD

Перед тегом </head> нужно вставить код подключения скрипта, созданного на шаге 1 (указав точный путь), а также, если не подключена библиотека jquery, то подключить и ее:
Код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://site.ru/путь_к_скрипту/jquery.lockfixed.js"></script>


Шаг 3. Подключаем скрипт перед </body>

Перед тегом </body> вставляем этот код:

Код:
<script type="text/javascript">
(function($) {
    $.lockfixed("#sidebar",{offset: {top: 10, bottom: 10}});
})(jQuery);
</script>


Шаг 4. Вставляем наш блок

Ваш код нужно поместить внутрь этого блока div:

Код:
<div id="sidebar">

здесь скользящий блок

</div>


Ну и все. Это поместите в сайдбар вашего сайта.


Не в сети
 Профиль WWW Cпасибо сказано  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ 1 сообщение ] 

 

Часовой пояс: UTC + 3 часа [ Летнее время ]



 Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  

 
cron