Ладно, я в конечном итоге получить его работу с помощью 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. Сейчас я исправляю это.
I frames are evil, just sayin – Fresheyeball
Я включаю в себя внешний контент и css с других страниц, и я не хочу, чтобы их css влияли на мою страницу (или наоборот). Есть ли лучший способ, чем использовать iframe? Я изначально редактировал все свои селекторы и все их узлы html, но мой парсер css не был идеальным. Пример: http://myoca.net/my/test/ –