NanoScroller dont refresh after ajax

[mrdoinel]

Hello,
Thanks for the great plugin. Everything is working really well except when modifying the content in ajax after the scroll has been created first.

Here is my code :

  $container.nanoScroller();

  // update the info every 10 seconds
  updateTicker();

  function updateTicker() {
    setTimeout(function() {

      $.ajax({
        url: urlajax,
        async: true,
        success: function(data) {
          $container.find('.content').empty().append(data);

          $container.nanoScroller();
        },
        complete: function() {
          updateTicker();
        }
      });
    }, 10000);
  }

When $container.nanoScroller(); is called a second time, the pane dont move anymore when scrolling over the zone.

Antoine

[kristerkari]

Hmm.. don't know really since there does not seem to be much wrong with your Javascript. It could also be a CSS issue, so would you be able to provide a live demo about your problem?

[mrdoinel]

I did some debugging and it look like this.sliderY and this.sliderTop properties outputs as NaN after the refresh.
I gonna try to find the culprit of this.

[mrdoinel]

I found the issue : it look like jquery outerheight() returns an object instead of the value here :
paneHeight = this.pane.outerHeight();

Changing the line to :
paneHeight = this.pane.outerHeight(false);

Fix the issue!

[kristerkari]

Hmm.. that is weird because jQuery docs say:

Returns an integer (without "px") representation of the value or null if called on an empty set of elements.

http://api.jquery.com/outerHeight/

[mrdoinel]

Yes,
but it seems that used with some librairies or plugins, the newest version of jquery.outerHeight() may be buggy without parameters. I am not using jqueryUI in my project so this must be related to another plugin.

It look like many users already reported the issue :
http://stackoverflow.com/questions/12093806/jquery-1-8-outer-height-width-not-working
jquerytools/jquerytools#890

Anyway, I dont have any problems now!

[kristerkari]

Ok, I guess I'm going to pass false to outerHeight just to make sure that it works in all cases. Thanks!