Главная » Файлы » Прочие скрипты » jQuery
Ручная прокрутка текста в блоке через плагин Vertical Scroller Plus на jQuery
23.06.14, 14:12:49

Скачать файл



Данный плагин позволяет плавно прокручивать текст в блоке нажатием кнопок "Вверх" или "Вниз"

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<style type="text/css">
div#wrapper{  
width:350px;  
height:120px;  
border:1px solid black;  
}  
div#scroller p{  
margin:0;  
padding:10px;  
font: normal 11px Verdana;  
text-align:justify;  
}  
  </style>

<script type="text/javascript" src="/js/jquery.verticalscrollplus-1.0.js"></script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/  
$(document).ready(function(){  
$("#wrapper").verticalScrollPlus({speed: 500, step: 100});  
});  
/*]]>*/  
</script>


Разберём параметры:

speed: 500 - скорость прокрутки контента
step: 100 - на сколько пикселей будет прокручиваться контент при одном нажатии на кнопку

Следующий код в то место, где будет сам контент:
Код
<div id="wrapper">
<div id="scroller">
Здесь любой ваш контент  
</div>
  </div>

  <input type="button" value="Вверх" id="su_btn" />
  <input type="button" value="Вниз" id="giu_btn" />


Осталось лишь залить скрипт из прикреплённого архива в папку js

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: Прокрутка, Через, на, плагин, Plus, Scroller, Ручная, Vertical, блоке, текста
Просмотров: 355 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: