jquery - JScrollPane (Custom Scrollbar) in a PopEasy Modal Window -
jquery - JScrollPane (Custom Scrollbar) in a PopEasy Modal Window -
first time posting :-) i've looked everywhere reply , can't seem find it. i'm not jquery expert way around.
popeasy: http://thomasgrauer.com/popeasy jscrollpane: http://jscrollpane.kelvinluck.com/index.html
i'm trying jsscrollpane work within of popeasy modal window. terminology might off, think need initilize after modal loads?
here's code popeasy modals: click link , modal shows:
$('.modallink').modal({     trigger: '.modallink',     olay:'div.overlay',     modals:'div.modal',     animationeffect: 'fadein',     animationspeed: 300,     movemodalspeed: 'slow',     openonload: false,     docclose: true,     closebyescape: false,     moveonscroll: false,     resizewindow: true,     close:'.close-button' });    normally, jscrollpane be:
$('.scroll-pane').jscrollpane();    i'm assuming (and hoping) reply simple , i'm missing small, i've tried things don't understand yet like:
jquery(document).on('click','.modallink',function($){     $('.right-side').jscrollpane({}); });    i need help :-(
thanks guys!
since jscrollpane calculating container upon init init/reinit after modal loaded, since popeasy dosn't have api callbacks after modal loaded little bit tricky.
the easy poor way out add together timeout, so:
jquery(document).on('click','.modallink',function($){     settimeout(function(){         $('.right-side').jscrollpane({});     }, 500); });    the alternative add together callback functionality popeasy running callback after animation complete. if need reinitsialize need access jscrollpane api so:
$(function() {     var pane = $('.right-side');     pane.jscrollpane({});     var api = pane.data('jsp');      jquery(document).on('click','.modallink',function($){         settimeout(function(){             api.reinitialise();         }, 500);     }); });        jquery modal-dialog scrollbar jscrollpane 
 
Comments
Post a Comment