17 thoughts on “ScrollBox.js”

1. Hi! First of all, thx for this nice done js component! One remark, that for some other folks may be trivial, but it was not the case for me. The ScrollBox.js import must be placed after the Prototype.js import, otherwise it won’t work.
   Thx again: alex, hungary

2. Hello, manyyyyyyyyyy thanks. I lost all day to find your component. All I have tested are to amateurs or to complicated and the code are ugly, but your solution yes really good. And thanks for Ruby helper, it will be a shortcut in my rails app. Thanks again. .
   Cheers.

3. cool!

4. Any chance you could put up an example up that is viewable without downloading?

5. I’m working on replacing wordpress for this site. Once the new site goes up, I’ll include demos.

6. Great and useful script only …
   … for reaching ideal case – smooth scrolling (animated scrolling) needed on up/down button and scrollbar blank part click. Not tested yet how it acts on contents change in .scrollbox_content.

7. Where are demo or Examples?

8. There’s a working demo in the download. Someday, I’ll get around to putting one up on this page, but today is not that day. Just download the zip and open up the html file in your browser.

9. There’s a small bug. The scroll wheel direction is inverted in Opera. I fixed this:

   old line 252: this.scrollUp();
   new line 252: if (navigator.appName.toLowerCase().indexOf(“opera”) < 0) this.scrollUp(); else this.scrollDown();

   old line 260: this.scrollDown();
   new line 260: if (navigator.appName.toLowerCase().indexOf(“opera”) < 0) this.scrollDown(); else this.scrollUp();

10. This project is now hosted on github. Feel free to fork and modify. I’d love to see how others can improve this codebase.

    http://github.com/dgrijalva/scrollbox.js

11. I have spent several hours trying to customize this but any styles applied to the .scrollbox_scrollbar, .scrollbox_up_button and .scrollbox_handle seem to have no effect. Even the included graphics for the up and down buttons are not loading.

    I can’t figure out what is causing this. Must be something hard coded into the js?

    Can’t waste anymore time on this unfortunately. If I can’t customize the scroll area, its useless to me.

12. @Andy

    There is an example implementation included in the download, which does work. Remember when linking to images from a CSS include that they are relative to the CSS file, not the including document.

13. @gka

    Good catch! I haven’t tested in Opera. Is there a good reason to use the browser string instead of looking for window.opera?

14. I am trying to use the software but am bombing out with a “Microsoft JScript runtime error: ‘this.element.className’ is null or not an object” caught in this segment of code in prototype.js:”
    var Enumerable = {
    each: function(iterator) {
    var index = 0;
    try {
    this._each(function(value) {
    try {
    iterator(value, index++);
    } catch (e) {
    if (e != $continue) throw e;
    }
    });
    } catch (e) {
    if (e != $break) throw e;
    }
    return this;
    },”

15. What version of IE are you having troubles with? There’s a pretty old version of prototype bundled. You might need to update to a newer version of prototype (prototypejs.org), but that might require code changes. Scrollbox.js is up on github: http://github.com/dgrijalva/scrollbox.js. If you feel like updating it to the latest version, please submit a pull request.

16. Hi,

    Is it possible to set the handle button a minimum heigt ?

    With css, the handle button can display a image. But if the div got a long text, the handle button is so small that we only see a litle part of the image. This is too bad.

    can you help to fix it ?

    Many thanks,

    Sorry for my poor english

17. In fact, how can we simplify your script to simply display :

    - a “up” image
    - a “down” image
    - a handle button image (whitout resizing)
    ?

    Thx