Скрываем sidebar при скроллинге

07-21-2015, 10:35 PM

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. Демо

07-26-2015, 04:15 AM

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

07-27-2015, 11:32 PM

Quote:

Originally Posted by Elsa

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

Извиняюсь, но у меня сайдбар только на главной, стукните в скайп lzdivorce , помогу)
Или ссылку на сайт дайте.

07-28-2015, 12:33 AM

Quote:

Originally Posted by Liked

Извиняюсь

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

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

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

Оффтоп

07-28-2015, 01:12 AM

Quote:

Originally Posted by Elsa

Даже kerk альтернативу ищет.

ничего подобного =)
пока такой альтернативы и близко нет, даже не пахнэ

07-29-2015, 12:00 AM

Quote:

Originally Posted by Elsa

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

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

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

Оффтоп

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