Скрипт скролла на javascript

Discussion in 'PHP' started by Naydav, 14 Feb 2008.

  1. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    Подскажите, где скачать скрипт предназначенный для перелистывания текста (на основе DIv'ов) без прокрутки html-страницы с навигацией(кнопка вверх, вниз, бегунок, как в обычном скролле)

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

    VDShark Elder - Старейшина

    Joined:
    1 Feb 2007
    Messages:
    260
    Likes Received:
    158
    Reputations:
    62
    ифрэйм со скроллбаром =\
     
  3. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    В том-то и дело, что нужно без фреймов...
    И скролбар(сам бегунок) тоже должен быть оформлен дивами, так ка имеет нестандартный вид...
    Может кто сайт просто покажет с вертикальным скроллом?
     
  4. DIAgen

    DIAgen Banned Life!

    Joined:
    2 May 2006
    Messages:
    1,055
    Likes Received:
    374
    Reputations:
    460
    Вот пример на яве
    PHP:
    http://interface.eyecon.ro/demos/scrollbar.html
    библиотека основа на jQuery...
     
  5. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    Вот пример на яве
    то, что нужно....
    вот бы еще кнопочки вверх-вниз...
     
  6. astrologer

    astrologer Elder - Старейшина

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    А так не модно уже?
    Code:
    <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>
     
    1 person likes this.
  7. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    а как можно изменить, например кнопку вверх и вниз на свой рисунок? и то же про сам скролл?
     
  8. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,194
    Reputations:
    252
    Сам скролл через html можно изменить только в ие, используйте пример диагена на js
     
  9. Helios

    Helios Elder - Старейшина

    Joined:
    14 Jan 2007
    Messages:
    414
    Likes Received:
    180
    Reputations:
    103
    Ничего подобного, на данный момент переваривать CSS научились все браузеры и полосы прокрутки разукрашиваются на ура.

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

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,194
    Reputations:
    252
    Helios, что-то на канале неделю назад я спрашивал...так все сказали что только ие...