форум vBSupport.ru > Форумные движки и CMS (Порталы) > Форумные движки (не vBulletin)
  • »
VBsupport перешел с домена .ORG на родной .RU Ура! Пожалуйста, обновите свои закладки - VBsupport.ru
 
 
 
 
Liked
Специалист
 
Liked's Avatar
Default Скрываем sidebar при скроллинге
1

IPS.
Exclusive by Liked for vbs

Ищем (GlobalTemplate):
HTML Code:
{template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}
После этой строки вставляем скрипт:
HTML Code:
  <script>
var sidebar = $('#tool_sidebar'),
	sidebarTopPosition = sidebar.offset().top;
 
$(window).on('scroll', function(){
	
	if($(window).scrollTop() > sidebarTopPosition ) {
		$('.ipsLayout_sidebarright').addClass('dnone');	
		setTimeout(function() {
            $('.ipsLayout_sidebarright').addClass('animate-children');
        }, 50);
	} else {
		$('.ipsLayout_sidebarright').removeClass('dnone');
		setTimeout(function() {
        $('.ipsLayout_sidebarright').removeClass('animate-children');
        }, 50);
	}
});
      </script>
В CSS (global.css):
HTML Code:
.animate-children {
-webkit-transition:.15s; -moz-transition:15s; -o-transition:.15s; transition:.15s;
}
.dnone {
  display:none !important;
}
Ищем (sidebar):
HTML Code:
{template="widgetContainer" group="global" app="core" params="'sidebar', 'vertical'"}
Добавляем ниже:
HTML Code:
<div id="tool_sidebar"></div>
P.S. Зачем нужен дополнительный див? Этот див расположен в конце сайдбара, а не в начале. Как только вы "проскроллите" его, к сайдбару добавится класс .dnone, скрывающий саму боковую колонку.
P.S.S. Демо
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
 
 
Elsa
Гость
Default

Когда на главной кончается бар, он там исчезает, но сообщения в темах уменьшаются в ширину, хотя бара там нет) Браузер Опера 12.
 
 
Liked
Специалист
 
Liked's Avatar
Default
0

Quote:
Originally Posted by Elsa View Post
Когда на главной кончается бар, он там исчезает, но сообщения в темах уменьшаются в ширину, хотя бара там нет) Браузер Опера 12.
Извиняюсь, но у меня сайдбар только на главной, стукните в скайп lzdivorce , помогу)
Или ссылку на сайт дайте.
 
 
Elsa
Гость
Default

Quote:
Originally Posted by Liked View Post
Извиняюсь
Это ты извини, было 3 часа ночи и не было сил на подробности. Не у меня, а у тебя... Если перейти в любую тему наверху, когда бар ещё там, возникает глюк. В том же месте экрана, где на главной исчезает сайд, в теме искажается ширина.
Момент перед глюком:



- если перемотать страницу вниз ещё немножко, что-то переключается каким-то фантомом, и получается так:



Если хочешь учитывать Оперу 12, обрати внимание, плз.

Оффтоп
 
 
kerk
k0t
 
kerk's Avatar
Default
0

Quote:
Originally Posted by Elsa View Post
Даже kerk альтернативу ищет.
ничего подобного =)
пока такой альтернативы и близко нет, даже не пахнэ
 
 
Liked
Специалист
 
Liked's Avatar
Default
0

Quote:
Originally Posted by Elsa View Post
Это ты извини, было 3 часа ночи и не было сил на подробности. Не у меня, а у тебя... Если перейти в любую тему наверху, когда бар ещё там, возникает глюк. В том же месте экрана, где на главной исчезает сайд, в теме искажается ширина.
Момент перед глюком:



- если перемотать страницу вниз ещё немножко, что-то переключается каким-то фантомом, и получается так:



Если хочешь учитывать Оперу 12, обрати внимание, плз.

Оффтоп
Не пойму, как это возможно, если дива tool_sidebar вообще нет в исходном коде на странице темы... Открыл старую оперу - баги по дизайну есть, но именно такую проблему не наблюдаю
Статистика браузеров:

Last edited by Liked : 07-29-2015 at 12:09 AM.
 


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off




All times are GMT +4. The time now is 05:08 PM.


Powered by vBulletin® Version 3.0.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Loading...