Hello,

if I get your question right, then yes. Horizontal scrollbar will appear automatically as soon as content width will be wider as DIV where you activated rollbar plugin, and you will be able to scroll with mousewheel. This will work the same way as vertical scrollbar on preview

Yes, it does work in iframe. The preview of my plugin on codecanyon is iframe

yes, it will.

no, you can’t

hello can a trigger the plugin to check div height to re size again the scroll according to the content has normal scroll behavior

Rollbar automatically checks content and adjusts scrollbars accordingly. Make sure you have latest version of my plugin, with lazyCheckScroll option. Thank you

1) I did exactly what you said, but with no success. What do you mean by “rollbar instance”? I used selector $(’.rollbar-path-horizontal’) for binding and unbinding keypress (also keydown) event during mouseover, but it was not triggered anyway.

2) Visibility solved, thanks.

3) There is one more problem. When you drag the scroll bar, it sometimes behaves like an image (especially when being in a hurry), i.e. you cannot move the scrollbar, but only drag its image. It is really annoying and it worsens user experience, so is there a way of preventing this behavior? I tried catching “dragstart” event, but nothing changed.

Thanks.

1. Under ‘rollbar’ instance I meant an element (DIV) on page that the Rollbar plugin has been activated for. You should be adding keypress individually for those elements where you received mouseover. This keypress event handler should trigger custom ‘rollbar’ event with $('#rollbar_instance').trigger('rollbar',[x,y]); on key press.

2. I don’t use drag events. I use mousedown followed by mousemove to move scrollbar handle. Do you have this problem in IE?

1. Solved now, thanks for help! 2. Solved, too. This problem occurs in Firefox (my version is 16.0.2), and it does not depend on rollbar size. The solution is to append the following CSS code to .rollbar-handle class:

    -webkit-user-select: none; /* Safari, Chrome */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE */
    user-select: none; /* CSS3 */

Hi! Do you have an example?

yes, it works with v1.8

rollbar-content div has float: left inline style to prevent it from having the size of containing div. You may try to disable float: left with #container > .rollbar-content { float: none!important; } where #container is an element that rollbar is activated on.

I checked the demo but rollbar works just fine.

Have you checked it with Chrome? Have you watched the video? It happens when you click for example on a “last topic”!

...

Hello! Is rollbar plugin activated on wrapper div?

Use either px or % to set height. But remember that by default when content size becomes less than container , scrollbars would disappear. However you can make them always visible by setting autoHide option to ‘false’

it didnt answer my question

my div height is 60% height from screen height in center position

the contetn div #example(is right now height:490px;

when i change it to 100% streched to the height of the main div

the scroll disappear althought the text is hidden and needs a scroll

go over my link try change the example div from firebug

you will see the probelm

when i add

ok. here is the answer: you need explicitly set “height: 100%” for every div starting with #primary2 div down till element with rollbar plugin. Scrollbars disappear because without height (height: auto) browser calculates height of rollbar container the same as “rollbar-content” div, so their sizes match.

No changes in the code… it is FF 14 .0.1 on mac! I’ve made no changes in the code… it happens when I try to drag up or down the scroller of the scrollbar! I you need more info ask me

No news?

I confirm this bug in FF and tomorrow I will correct this in plugin’s code. Meanwhile, this behavior in FF is caused by “drag” events. To fix this you just need to block “dragstart” for element that rollbar is activated on, like body:

$(‘body’).bind(‘dragstart’,function(){return false});

Thanks for letting me know about this problem!

I don’t have this information

Hi! What exactly you mean?