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

Скролл по статьям блога
Здравствуйте уважаемые гуру!
Хочу сделать прокрутку по статьям как на http://community.modx-cms.ru/, используя при этом jquery. К сожалению, в сети решения не нашел, а мои знания в этом вопросе весьма скудны.
Понимаю, что нужно использовать плагин scrollTo, и с перемоткой до определенного элемента, проблем нет. А как сделать, что бы происходил листинг по топикам с одинаковыми тегами?
<html>
<head>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js"></script>
<style>
article { height:1000px;}
</style>

</head>
<body>

<div id="container">
	<article>
		<header>Заголовок 1</header>
		<div>ля-ля-ля</div>
		<footer></footer>
	</article>
	<article>
		<header>Заголовок 2</header>
		<div>пум-пум-пум</div>
		<footer></footer>
	</article>
	<article>
		<header>Заголовок 3</header>
		<div>ра-та-та</div>
		<footer></footer>
	</article>

	<aside class="toolbar" style="position: fixed; top: 327px; display: block;">
		<section class="toolbar-topic" id="" style="">
			<a href="#" title="Предыдущая статья" class="toolbar-topic-prev"><i></i></a>
			<a href="#" title="Следующая статья" class="toolbar-topic-next"><i></i></a>
		</section>
		<section class="toolbar-scrollup" id="toolbar_scrollup">
			<a href="#" title="Вверх"><i></i></a>
		</section>	
	</aside>
</div>

</body>
</html>
Ответить с цитированием