Тематическая панель прокрутки iframe - PullRequest
Новая
       1

Тематическая панель прокрутки iframe

0 голосов
/ 25 января 2011

All

В нашем веб-приложении есть iFrame, который загружает SVG. Браузер автоматически добавляет полосу прокрутки, когда пользователь увеличивает SVG с помощью элементов управления в нашем веб-приложении. Теперь мы хотим выделить эту «динамическую» полосу прокрутки так, чтобы она соответствовала остальному интерфейсу.

Я рассмотрел несколько вариантов в jquery, таких как ' jscrollpane ' & ' jquery custom scrollbar ', однако наша проблема в том, что мы используем скрипт ECMA с нашими SVG, в то время как jquery основан на javascript, само собой разумеется, мы не можем тематически прокрутить полосу прокрутки, используя решения на основе jquery. Кто-нибудь предлагал альтернативы, которые могли бы использовать полосу прокрутки iFrame?

большое спасибо,

1 Ответ

1 голос
/ 28 января 2011

Единственный способ повлиять на обычные полосы прокрутки - использовать специальные свойства Microsoft IE.

Вы можете увидеть больше здесь http://www.webdevelopersnotes.com/tips/html/coloring_scrollbars_using_styles_css_properties.php3

Но эта вероятность не работает во всех браузерах.

Альтернативой является использование компонента полосы прокрутки, который использует переполнение: hidden + javascript для создания собственной полосы прокрутки.

И я не знаю ни одного из них для SVG.

В примерах для jQuery, которые вы использовали в этой более поздней технике, это не обычные полосы прокрутки браузера, а div-слои и изображения.

В вашем случае вы можете использовать их, если поместите ifram в div, который использует решение jQuery для прокрутки. Затем сделайте iframe таким же большим, как SVG, чтобы прокрутить все окно iframe внутри слоя div.

...