Блок ссылок с полосой прокрутки
 

Привет!
Может кто подскажет как сделать вот такую верстку на CSS
как она должна выглядеть визуально я преложил скрин!

это блок ссылок к примеру из 50 штук
на сайте выводится только 13 к примеру на рисукнке
чтобы увидеть остальные нужно прокрутить полосу прокрутки!
собственно в этом у меня и вопрос к гуру верстки - как на цсс это сделать
важно что бы эти стили отображались во всех браузерах одинаково
может кто поможет, или даст линк на пример в интернете
вот мой код хтмл с блоком ссылок
Спасибо!

<div class="scroll-block">
      <ul>
        <li><a class="tip" href="link">Ссылка -1</a></li>
        <li><a class="tip" href="link">Ссылка -2</a></li>
        <li><a class="tip" href="link">Ссылка -3</a></li>
        <li><a class="tip" href="link">Ссылка -4</a></li>
        <li><a class="tip" href="link">Ссылка -5</a></li>
        <li><a class="tip" href="link">Ссылка -6</a></li>
        <li><a class="tip" href="link" title="19174">Ссылка -7</a></li>
        <li><a class="tip" href="link" title="8525">Ссылка -8</a></li>
        <li><a class="tip" href="link" title="2552">Ссылка -9</a></li>
        <li><a class="tip" href="link" title="21537">Ссылка -10</a></li>
        <li><a class="tip" href="link" title="46259">Ссылка -11</a></li>
        <li><a class="tip" href="link" title="2768">Ссылка -12</a></li>
        <li><a class="tip" href="link" title="3013">Ссылка -13</a></li>
      </ul>
    </div>

Скриншот блока ссылок

sergofedor06,
http://manos.malihu.gr/jquery-custom-content-scroller/

рони, jQuery? Это можно посредством CSS сделать.

врядли топикстартер не знает о свойстве

overflow: auto

Видимо автор хочет сделать стилизованный скролл; как например на htmlbook элемент с классом

jspVerticalBar

Вот здесь набор плагинов jQuery - выбирайте какой нравится:
https://plugins.jquery.com/tag/scrollbar/

врятли ... посмотри примеры ...
http://manos.malihu.gr/repository/cu..._examples.html
по твоей ссылке никакой стилизации и кросбраузерности не увидел ...

Спасибо за ваш труд!
Ruslan_xDD скажите как поправить в браузере IE11 ВЕРСИЯ
вот скрин как отображается полоса прокрутки.

sergofedor06, пока никак, это только в опере и хроме работает.

Интерсно, а в флеше можно это изобразить?

а как же это на других сайтах работает во всех браузерах?

2 пост видимо невидимый :)

здесь тоже есть при загрузке проблема http://manos.malihu.gr/repository/cu..._examples.html

изначально как подгружается проверил во всех браузерах на доли секунды показывается полоса прокрутки без стилей, а потом они подгружается, может есть способ как это исправить что бы нормально сразу отображало, может нужно чтобы первым загружался джейкверти скрипт который отвечает а это?

sergofedor06,
http://designhuntr.com/custom-jquery-scrollers/

рони
спасибо вы мне уже раз помогали!
я видел этот пример вот тоже постом выше хотел узнать как избавится от этого скачка когда загружаю сайт http://manos.malihu.gr/repository/cu..._examples.html в любом из трех браузеров

то на 1 секунду е меня грузится страндартная полоса прокрутки (крупyая), через секунду видимо скрипт подхватывает стили и она становится тонкой с тонким курсором для прокрутки скрола
как избавится от этого эффекта?

sergofedor06,
поставьте нужным блокам overflow: hidden;
и попробуйте не использовать load
убрать (window).load

http://embed.plnkr.co/cKaaYS3W9ZMBqsmXWKMu/preview

да там и так http://manos.malihu.gr/repository/cu...mScrollbar.css

overflow: hidden;

проставлено, в примере что мне дали!

а про (window).load
это которое на странице view-source:http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html

на строке 232 то одинаково работает даже если я этот скрипт вообще вырежу и без него работает также

как считаете такое решение прокатит по всем браузерам http://habrahabr.ru/company/2gis/blog/169359/

вроде как работает нормально в 3 браузерах ие, опера, хром - пример http://diokuz.github.io/baron/

sergofedor06,
они все одинаковые перемещая div меняется скролл
http://www.areaaperta.com/nicescroll/ подержка показана у этого прямо на главной

другие браузеры у меня не установлены, конечно интересно проверить кросбраузеность и в других браузерах

у меня тоже самое, при перезагрузке страницы на доли секунд проявляется оригинальный скрол 80 годов

http://diokuz.github.io/baron/

наверное оптимальное решение, при перезагрузке нет этого эффекта

Можно, там для этого есть готовый коспонент "ScrollPane".