Feature Request: A way to reinitialize slimScroll after an AJAX Request

[joeytheman]

I have an region that I add and remove items from through ajax requests using slimScroll. When I call slimScroll on the region after additional elements have been added or removed, the region is given additional scrollbars.

As a workaround, I am manually removing the elements added by slimScroll and then calling slimScroll() again.

[rochal]

hey joeytheman, can you set up a demo page where this issue is visible?

[tcz]

This feature would be lovely indeed.

[joeytheman]

In my case it is not needed. I didn't initially realize the scroller automatically adjusted if additional content was added. Before I discovered this I wrote some code to remove the slim scrol div s and re initialize slim scroll after content was added.

[tcz]

I need it to adjust the height in case the size of the container changes.

[joeytheman]

Did you test if the slim scroll automatically adjusts?

If it doesn't here is the function I came up with.

window.activateSlimScroll = function() {
  var height, opts, slimscroll, slimscrolls, t, t_height, _i, _len;
  slimscrolls = $('.newSlimScroll');
  for (_i = 0, _len = slimscrolls.length; _i < _len; _i++) {
      slimscroll = slimscrolls[_i];
  t = $(slimscroll);
  }
  // Check if slimScroll is already activated
  if (t.parent().attr('class') === 'slimScrollDiv') {
      t.unwrap();
  t.parent().find('.slimScrollBar, .slimScrollRail').remove();
  }
 // Activate slimScroll
  t_height = t.height();
  height = t.data('slim-scroll-height');
  opts = {
      height: height,
      start: t.data('slim-scroll-start')
  };
  if (t_height > 250) {
      if (height) {
          if (t_height > height) {
              t.slimScroll(opts);
          }
          } else {
              t.slimScroll(opts);
          }
          }
          return slimscrolls.removeClass('newSlimScroll');
          };

It runs in an ajax:complete callback on elements with the .newSlimScroll class checking for an existing slim scroll and removing it before initializing a new one. Additional options can be set using html5 data attribute.

Let me know if you have any questions or if I can be of any other assistance.

[tcz]

For what I saw it doesn't really adjust. Also if I call it twice I get two scrollbars.
I'd like to keep all logic related to slimScroll ion the slimScroll library, hence the importance of this this issue to me.

[rochal]

from version 1.1.0 onwards slimscroll will recalculate the scrollbar size when you call it again on the same element.

So now, in your ajax callbacks you can simply call: $("#myElement").slimScroll() again.