2013-07-26 5 views
1

Мне было интересно, можно ли настраивать полосы прокрутки для iframe. Ифракс и страница находятся в одном домене, поэтому проблем нет. Если да, то какой путь я должен взять и это то, что я должен делать? (Дизайн-накрест).Настроить полосы прокрутки для iframe

Я буду обновлять это, пока работаю. Просто подумал, что я постараюсь получить некоторое представление раньше времени.

Благодаря

+0

I frames are evil, just sayin – Fresheyeball

+0

Я включаю в себя внешний контент и css с других страниц, и я не хочу, чтобы их css влияли на мою страницу (или наоборот). Есть ли лучший способ, чем использовать iframe? Я изначально редактировал все свои селекторы и все их узлы html, но мой парсер css не был идеальным. Пример: http://myoca.net/my/test/ –

ответ

1

Ладно, я в конечном итоге получить его работу с помощью jScrollPane. Единственное зависание, которое у меня было, это то, что jquery.jscrollpane.css необходимо находиться внутри каждого iframe, а не снаружи, что имеет смысл.

Затем, все, что потребовалось было

$("iframe").each(function(){ 
    var body = $("body",this.contentWindow.document) ; 
    body.jScrollPane(); 
}); 

где выше Javascript присутствует в родителю фрейма. Файлы jscrollPane js также находятся в родительском, а не в каждом отдельном iframe.

Впоследствии полосы прокрутки липкие. Я решил это, закрыв iframe в невидимом элементе после того, как прокрутка будет нажата и откроется при выпуске. Это было сделано путем

$(".jspDrag",body).on('mousedown',cover_iframes); 
$("body").on('mouseup',uncover_iframes); 

, где cover_iframes и uncover_iframes вызвать .Show() и .hide() из облицовочного элемента, соответственно.

Теперь я заметил, что когда полоса прокрутки перемещается, она сдвигается на смещение iframe. Сейчас я исправляю это.

Смежные вопросы