Hi! May I have a look on example?

I think you need properly adjust text padding and right position of “rollbar-path-vertical” div.

It’s hard to tell what’s wrong. Could you show me some example?

Thanks I understand that its not wp plugin however I’m not sure if it will work in wordpress at all. I tried to use a similar one and could not get it to work

I think if embedded properly my plugin will work fine in WP

I would go for it I know it works. I would recommend you doing a guide of how to implement it in Wordpress this would bring a lot of new purchases for you. I’m not a pro in Wordpress therefore I do not want to get something that may not work.

It may be slow because it’s JS driven scroll, not a native device scroll. And it’s resource consuming, especially noticeable on slow devices.

Hello,

rollbar should switch overflow:auto to overflow:hidden on this DIV and make content inside scrollable. If it does not work like this, I would need some real example to check it myself.

BTW . make sure the height of this DIV (that one that you run rollbar for) is set to some fixed amount in px or %

its not a problem, rather a feature to support dynamic content. I have a code and I plan to include it in update that will have few another features. If you need you can drop me email using my profile mail form and I will send you the files. Or you can wait for an update in this month.

Thanks! It will work, but only with a slight modification. I can do this for you if you’re interested, just contact me using mail form on my profile page.

Thanks mantisspider! For dynamic content, you can add following code to the end of RollBar() constructor function. This code will adjust scrollbars every 500 ms and in case if content <= container it will reset scroll positions (top, left) to 0 and hide scrollbars at all.

setInterval(this.fixFn(function(){
  this.checkScroll();
  if(this.vdiff <= 0 || this.hdiff <= 0){
     this.container.find('.rollbar-content, .rollbar-handle').stop().
     animate({top:0,left:0},this.settings.scrollTime,this.settings.scrollEasing);
  }
}), 500);

Thanks. Am I supposed to include that in the rollbar.js file? I only have the .min.js file.

will this also resolve a problem where elements within the scrolling container have 100% width does not fill up 100% of the space?

You have 2 files – jquery.rollbar.min.js and jquery.rollbar.js. This code you should add to ” jquery.rollbar.js”

>will this also resolve a problem where elements within the scrolling container have 100% width does not fill up 100% of the space?

if something doesn’t fit into container rollbar will add scrollbar -vertical or horizontal.

Please contact me using mail form on profile page and I will send you plugin code where this problem is fixed

Thanks for letting me know. I found the problem. Contact me using mail form on my profile page and I will send you updated files.

Design you can change easily with CSS if you like, everything is customizable – color, size, paddings etc, you can even use image for slider.

Rollbar is not WP plugin

I think you just need to init plugin after ajax content has been loaded, and it will work. Check if there is callback onload function for ajax in fancybox or something

Hi! You mean ajax content loaded dynamically?

Thanks!!