102 comments found.
How can I call API to make the page scroll to the bottom of the page?
$('#rollbar_div').trigger('rollbar',1);
I found a big issue. If my apply your product, and I print my page, it only can print half of the page
.rollbar-content {top: 0!important; }
I would like use this on my page. But I see One problem.
When I click to center button on mouse (for auto scroll) Rollbar is static from this effect.
Facebook use similar scroll bar and this option have fixed, therefore I think, if you search solution.
And next problem is when I use navigation buttons on my keyboard, from example down button, scroll all table with RollBar, Can You fixed (effect use for table which is moving the mouse)
thanks
Hello, I’m not sure I understand what you mean. You want to be able to click somewhere on scroll path and slider should move to that point scrolling the content as it moves? yes?
fix this to next version??
I try to apply your plug in my site. I found it will make all content move to left instead of keep center. My site is http://58.211.138.83:1001/BerryUATPublicSite/Home.aspx
There is “float:left” inline style on .rollbar-content div. You need to override it with ”.rollbar-content { float: none!important; }” css rule.
Is there a way to make the scrollbar to bottom?
hi the roller Not working on ie browser at all any reson?
Hi! There can be different reasons. Please give me the name of your site and I will check
@KKopf
you’re a genius!
your JS-fix solved my broken percentage based page layout
thanks a lot !!!
Hi, is there any configuration “auto disable” when it detects on touch devices (ex iphone or ipad)
No. Plugin doesn’t have such option, but you can do this using for example http://detectmobilebrowsers.com/ and then decide if Rollbar should be initialized or not.
Thank you for your response. I have one more question when viewing the “live preview” on iphone the scrolling seems very static. Is there any easing feature supported?
When on mobile the scroll is linear without easing.
Thanks
Hi,
I the same problem with dynamic content in divs, the rollbar does not go back to the top when selecting a other div, I have tried the lazycheckscroll but that does not work can you plz assist me? You can check here: go to the sushi tab and select types of sushi from the top bar: http://www.zenzaisushi.com
Thank you
Hi! Thanks for example. You need to bind click event to every menu item and send rollbar event using trigger() like so
$('.link').click(function(){
$('.rollbar').trigger('rollbar',0);
});
here .rollbar is an element that you’ve activated Rollbar on. This code will scroll up as soon as you will click on menu.
Hi Thank you for you super fast reply, I have added the code but nothig changes 
Check console if there is no JS errors. Make sure you send rollbar event to proper div.
Hi again there is no error, but I dont know exacly what you mean with the sned the event thing to the div could you plz send me a example? or can i sent you the page html?
Thank you
Please look into Rollbar documentation, section #5 “RollBar API”.
Hi, I have read the documentation and tried in every way I can think off all resulting in the same behvior.
I added the code like you said:
<script type="text/javascript">
$(document).ready(function(){
$('#example1').rollbar({zIndex:80,wheelSpeed:10});
$('body').rollbar({zIndex:100,wheelSpeed:10});
$('.link').click(function(){
$('.rollbar').trigger('rollbar',0);
});
});
</script>
And changed the menu links from:
<a href="javascript:void(0);" class="link 00000">Boxes</a>to:
<a href="javascript:void(0);" class="link 00000" onclick="$('#example').trigger('rollbar','reset')">Boxes</a>
but the scrollbar does not reset to the top when I click a diffrent menu item. Could it be becouse the menu item links word with thiss code? :
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
var url = window.location.href;
var option = url.match(/option=(.*)/);
if (option !== null) {
$(".link ." . option[1]).trigger('click');
}
$(".link").bind('click', function () {
$('#intro-tekst').hide();
$('.boxes').hide();
$('.link').removeClass('selected');
$(this).removeClass('link');
$('#' + $(this).prop('class')).show();
$(this).addClass('link selected');
});
});
//]]>
</script>
I hope you can help me make the rollbar work.
Thank you and regards.
The problem likely is due to the fact that you use iframes and rollbar works inside the iframe. You cannot just reference to #example1 from main document if it’s somewhere inside iframe which is a different context for JS. you need to reference iframe by id then document by contentWindow.document
Hi, and nope its not the iframe, I removed it ans still the same problem
here is a link of the page without iframe: http://www.zenzaisushi.com/cgi-bin/datacgi/database.cgi?report=_all_sushi&file=zenzai
You’re right. I checked plugin code and I see where I made mistake. In order to scroll Rollbar fully up you need to pass -1 to the trigger(). When you pass 0 there is no offset and Rollbar does not move. So either -1 or ‘reset’ will work for you.
$('#example1').trigger('rollbar',-1) or $('#example1').trigger('rollbar','reset')
However I think I was right concerning iframes and how you should call trigger() if Rollbar has been initialized inside of iframe.
That did it 
thank you for the great suppport
hello, script looks good.
I have two problems:
1. Can’t see how to center main ‘body’ content; it auto align left. 3. not working properly on ipad. I see both the plugin & browser scroll bars.
Thanks for your work
Hello!
.rollbar-content DIV is floated left by default. You can use following css to center page content
body .rollbar-content { width: 960px; margin: 0 auto; float: none!important; }
Regarding iPad I think you did something wrong because you shouldn’t see native scrollbars when rollbar is active.
Awesome rollbar Awesome author Awesome support
Thanks a lot!
Thanks!!
Hi, Would you please check what’s wrong with my code. I’m trying to get scrollbars around a box of text but without success (url: http://yola.pl/rollbar) Thanks
I see horizontal scroll bar. For vertical I think you need more content. Also try to resize browser window to see if it works.
Also, scrollbars won’t appear when they are not needed (by default)
Hi,
Scrollbars are “poping” over the text of my div : a padding should be added when scrollbars are displayed. How can I solve this problem ? I’ve tried pathPadding, but it does not work (what is the purpose of this option?).
Another question: I want scrollbar to fit 100% with the dimensions of the div (I don’t want to have a 20px top). Is it possible? How?
Thanks
Hi!
1) If you give me URL to the page with rollbar plugin I will be able to tell you what exactly to change. At the meantime you should consider setting “padding-right” for DIV with rollbar.
2) That is exactly what “pathPadding” do. It adds top/bottom paddings for scrollbar path (i.e vertical), so that it won’t take the whole height of container div. In your case, if you want 100% scrollbar, you should set it to 0.
Thanks for your answer. 1) You’re right : it’s probably better to always add a padding-right, but it should be the job of the plugin (option)? 2) Great that works! Another question: how can I remove the 5px right margin (right: 5px) between the rollbar and the right side of my div ?
In css/jquery.rollbar.css look for .rollbar-path-vertical {} css definition and replace “right: 5px;” with “right: 0;”
Thanks !
Greetings, Is there any sort of documentation for this plugin? A list of of options it supports?
One more question I have: does it support nested scrolls? For example: One main content div has a horizontal scroll and many widgets inside with vertical scrolls.
Thanks
Hi! Yes, rollbar supports nested scroll. Drop me email and I will send you a list of options for my plugin.
Hi,
I read that this plugin doesn’t work in WP. What would be the best recommendation to embed it in WP as I’m considering to buy for a client’s site?
Anyone already succeeded on this kind of implementation?
Thanks Eduardo
This is standalone jQuery plugin and you can embed it into wordpress using wp_enqueue_script/wp enqueue style in your theme
Helo, I have tried your rollbar and its very usefull
But I have some problem with this
I want to activate drag for the elements into rollbar-content with jquey ui draggable
But the drag event doesn’t function with this elements
Must I do something with rollbar to activate dragging elements?
I blocked drag events in my plugin as they were causing problems with scroll handle in firefox. You can try to comment the line with “dragstart” in jquery.rollbar.js (line 318) to allow drag events in rollbar container.
thanks, I do that and it’s good Any idea for fix the firefox problem whitout this line ?
Is there a function to remove all scrollbars on a div? and then call the function again?
When i use ajax to load in a div this gives trouble because the innercontent change…
Let me know
Hi! My plugin has an option called “lazyCheckScroll” that sets how often plugin re-checks size of .rollbar-content div (div that holds the content to scroll that can dynamically change). After you have initialized rollbar and load something dynamically into .rollbar-content div, you shouldn’t have problems with scrollbars.
I’ve tried with the lazycheckscroll but it didnt work…
box2 contains a div called vacature wich loads data trough .load
box2 is the holder of a scrollbar…
Can you have a look? My url is: http://testbrand.nl/vacature/test2.php
I will reply in email.
i had a problem with the body position an the position from my divs.
your plugin has mad my div with absolute position -> a div with relative position.
i have this solved for divs with absolute position:
if($(c).css(‘position’)==’static’) {RBCSS = ‘relative’;} else {RBCSS = ‘absolute’;};
this.container.css({‘overflow’:’hidden’,’position’:RBCSS}).
( the info is for user with the self problem)
(i take jquery version 1.9.1)
If you want to return absolute position you can do this with css also, with !important flag. This will overpower inline style.
Hi,
You added ability to scroll page with mouse wheel from inside of RollBar container. But could it be also possible also to make the same for the touch devices. Now it is not possible to scroll the page vertically inside the container with the horizontal scroll. Native scroll allows to do this.
Thank you!
Whenever the content overflows both vertically and horizontally, rollbar will automatically enable both scrollbar making possible to scroll in both directions. In preview there is no vertical overflow, so the image scroll only horizontally.
