Показать сообщение отдельно
  #1 (permalink)  
Старый 09.09.2015, 09:04
Новичок на форуме
Отправить личное сообщение для lipinart Посмотреть профиль Найти все сообщения от lipinart
 
Регистрация: 09.09.2015
Сообщений: 4

jQuery-Accordion Как сделать скроллинг на открытую вкладку?
Как сделать скроллинг на открытую вкладку?
Пробовал получить позицию текущей вкладки и скроллить до неё, но почему-то не работает.


$(document).ready(function(){
	$(".set > a").on("click", function(){
		if($(this).hasClass('active')){
			$(this).removeClass("active");
			$(this).siblings('.content').slideUp(200);
			
		}else{
			$(".set > a").removeClass("active");
			$(this).addClass("active");
			$('.content').slideUp(200);
			$(this).siblings('.content').slideDown(200);
		}
		var scrTop = $(this).offset().top;// получаем положение вкладки
		$(document).scrollTop(scrTop); // пытаюсь скроллить на это значение
	});
	$(".set > a.activity").click();// одна вкладка открыта по умолчанию, имитация клика.
});


Разметка:
<div class="accordion-container" role="tablist" aria-multiselectable="true">
	<div class="set">
		<a role="button" href="#">Panel header 1</a>
		<div class="content" role="tab">
			<p>Panel text</p>
		</div>
	</div>
	<div class="set">
		<a role="button" href="#">Panel header 2</a>
		<div class="content" role="tab">
			<p>Panel text</p>
		</div>
	</div>
	<div class="set">
		<a role="button" href="#">Panel header 3</a>
		<div class="content" role="tab">
			<p>Panel text </p>
		</div>
	</div>
</div>

Последний раз редактировалось lipinart, 09.09.2015 в 09:08.
Ответить с цитированием