Tuesday, August 6, 2013

Scrollpane automatically re-size

JscrollPane is the one of the great fancy scroll-bar for every browser (IE, Firefox, Chrome etc) 
this post show to you to how to JscrollPane to automatically reinitialize itself, you need to just passing "autoReinitialise: true;" in setting frame, after passing srollpane attempts to reinitialize itself after delay milliseconds 

Here is the example of auto Reinitialize:  


$(function()

{

var settings =
 {
  showArrows: true,
  autoReinitialise: true
};

var pane = $('.scroll-pane')
pane.jScrollPane(settings);
var contentPane = pane.data('jsp').getContentPane();
var i = 1;

// Every second add some new content...
setInterval(
  function()
  {
   contentPane.append(
$('
').text('This is paragraph number ' + i++)
);
},
1000
);
});

Reference:
http://jscrollpane.kelvinluck.com/auto_reinitialise.html