Проблемы с Lionbars (виджет полосы прокрутки CSS)

Question

Мне действительно нравится виджет lionbars , но есть несколько вещей, которые не работают.Я копался во всех этих проблемах локально, поэтому я подумал, что хочу спросить, есть ли известные способы решить эту проблему, прежде чем я начну реорганизовывать код.

• горизонтальная прокрутка не работает (вертикальная)
• полоса прокрутки (и соответствующие полосы прокрутки) не изменяются при изменении размера окна
• на правой стороне странное изменение цветавертикальной черты, если окно слишком велико
• могу ли я контролировать ширину полосы прокрутки;вертикальная полоса прокрутки по умолчанию слишком узкая

Answer 1

Чтобы ответить на ваши вопросы по порядку:

1. Горизонтальная прокрутка: Ваш код загружен на JSFiddle , но вы установили LionBars на неверный div. Просто установите функцию LionBar на #parent вместо #child, и горизонтальная прокрутка должна работать: http://jsfiddle.net/3XPNk/8/

   Однако , я обнаружил, что горизонтальная прокрутка не будет работать в браузерах Webkit (Chrome и Safari) на моем Mac из-за проблемы с тем, как браузеры обрабатывают горизонтальные полосы прокрутки и как сам скрипт LionBars обнаруживает горизонтальную полосу прокрутки. Вы можете связаться с разработчиком по этому поводу.

2. Размер полосы прокрутки не изменяется: Не уверен, что вы имеете в виду. Пожалуйста, дополните? Вы определили #parent и #child как фиксированные размеры в пикселях, поэтому они, очевидно, не будут изменять размер. Попробуйте проценты, если вы хотите плавно изменить размер.

3. «Странное обесцвечивание»: Это потому, что скрипт фактически просто смещает реальные полосы прокрутки за пределы видимой области прокрутки div на величину в пикселях. После уменьшения масштаба это нарушается, поскольку ширина полосы прокрутки изменяется пропорционально масштабу, а величина смещения становится слишком малой, чтобы выжать все полосы прокрутки. То странное обесцвечивание, которое вы видите, является частью полосы прокрутки, сжимающейся обратно в поле зрения. Опять же, вы, вероятно, хотите рассказать об этом разработчику.

4. Изменение ширины полосы прокрутки: Да! Просто измените значения .vertical и .horizontal в lionbars.css.

Для исправления проблем 1 и 3, описанных выше, потребуется немного поиграться со сценарием. Это не совсем то же самое (нет изящных затуханий, и вам придется значительно его стилизовать самостоятельно), но вы, возможно, захотите использовать этот плагин вместо этого, так как он кажется более развитым и совместимым в целом: http://jscrollpane.kelvinluck.com/