PDA

Просмотр полной версии : Скрипт скролла на javascript


Naydav
14.02.2008, 19:27
Подскажите, где скачать скрипт предназначенный для перелистывания текста (на основе DIv'ов) без прокрутки html-страницы с навигацией(кнопка вверх, вниз, бегунок, как в обычном скролле)

на всех сайтах скриптов только "скроллирующий текст" без управления

VDShark
14.02.2008, 19:36
ифрэйм со скроллбаром =\

Naydav
14.02.2008, 19:41
ифрэйм со скроллбаром =\
В том-то и дело, что нужно без фреймов...
И скролбар(сам бегунок) тоже должен быть оформлен дивами, так ка имеет нестандартный вид...
Может кто сайт просто покажет с вертикальным скроллом?

DIAgen
14.02.2008, 19:44
Вот пример на яве
http://interface.eyecon.ro/demos/scrollbar.html
библиотека основа на jQuery...

Naydav
14.02.2008, 19:50
Вот пример на яве
то, что нужно....
вот бы еще кнопочки вверх-вниз...

astrologer
14.02.2008, 20:29
А так не модно уже?
<html>
<head>
<title>Скролл</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

#test
{
width: 400px;
height: 300;
overflow: auto;
background-color: #fafafa;
border: #ccc solid 1px;
padding: 10px;
}

</style>
</head>
<body>
<div id="test">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed in enim et nibh varius faucibus. Nunc mollis. Donec scelerisque, diam sed aliquet facilisis, justo nisl malesuada odio, at adipiscing dolor tortor a neque. Nam eleifend, est et congue vehicula, pede ipsum mattis ante, eget pharetra lacus sem sed lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam lectus. Vivamus vitae odio sit amet nisl dignissim sodales. In molestie nisi a nisi. Proin hendrerit nunc nec arcu. Mauris nulla arcu, convallis sed, viverra a, fermentum at, sem. Mauris lectus odio, sollicitudin vitae, convallis in, venenatis quis, libero. Etiam et velit. Curabitur libero leo, volutpat non, malesuada nec, fermentum ac, nulla. Aliquam in ligula nec nulla euismod varius. Morbi molestie ante. Duis tempus malesuada ligula. Nulla eget justo. Quisque scelerisque, eros in lacinia malesuada, quam pede consectetuer felis, in eleifend mi lorem eu mi. Praesent justo orci, accumsan id, sodales ac, ornare in, diam. Praesent fringilla erat a quam.
</p>
<p>Nam sit amet justo. Nulla metus nibh, lobortis ac, pretium vel, venenatis eu, sem. Nulla elementum mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque massa. Vivamus enim. Mauris nonummy odio a risus. Nullam at nisi volutpat lacus condimentum interdum. Aenean rutrum arcu ac quam porttitor lacinia. Sed id magna. Etiam leo urna, aliquet id, tempor sed, posuere eget, erat. Donec adipiscing. Proin ac purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</p>
</div>
</body>
</html>

Naydav
15.02.2008, 14:16
А так не модно уже?

а как можно изменить, например кнопку вверх и вниз на свой рисунок? и то же про сам скролл?

Isis
15.02.2008, 14:49
Сам скролл через html можно изменить только в ие, используйте пример диагена на js

Helios
15.02.2008, 17:41
Сам скролл через html можно изменить только в ие, используйте пример диагена на js

Ничего подобного, на данный момент переваривать CSS научились все браузеры и полосы прокрутки разукрашиваются на ура.

Единственное но - в опере этим можно управлять посредством опции "Оформление полос прокрутки", так что пользователь вполне может это дело выключить

Isis
15.02.2008, 17:43
Helios, что-то на канале неделю назад я спрашивал...так все сказали что только ие...