We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 14412
    • 74 Posts
    Hello fellow MODx’ers,

    I’m currently working on a site whose design revolves around a "sketch" theme, with hand-drawn elements. Some fixed-height sections require the use of custom scroll bars, as the attached picture illustrates. This a specific request made by the design team.

    (Photoshop Designers - don’t you just love them? laugh)

    I’m aware of IE specific CSS properties to change the look of scroll bars, but that’s not what I’m looking for. I’ve read some mentions of javascript methods to achieve something like this, but up ’till now haven’t been able to find anything specific.

    I guess this is something that can be achieved somewhat easily with Flash, but I’d prefer to stick to "the basics" if possible:


    • Does anyone know a technique that’ll allow me to achieve this result with xhtml/css coding?
    • If not feasible with pure xhtml/css/javascript, how could I integrate a flash-based scroll bar in my xhtml template?

    I appreciate any hints you might have regarding this.

    Regards, JP
      Got Music? Try XSPFjukebox - Skinnable MODx Media Player
      • 33372
      • 1,611 Posts
      You need something like one of the scroller scripts here:
      http://www.dynamicdrive.com/dynamicindex2/
        "Things are not what they appear to be; nor are they otherwise." - Buddha

        "Well, gee, Buddha - that wasn't very helpful..." - ZAP

        Useful MODx links: documentation | wiki | forum guidelines | bugs & requests | info you should include with your post | commercial support options
        • 6726
        • 7,075 Posts
        I think mootools and jQuery have something to do just that but I don’t have links handy... should be easy to find though...
          .: COO - Commerce Guys - Community Driven Innovation :.


          MODx est l'outil id
          • 32942
          • 141 Posts
          yahoo yui has also a scrollbar script
            • 14412
            • 74 Posts
            Thank you for your suggestions. I eventually find out just what i needed in javascript: fleXcroll

            It seems quite robust and I was able to customize it pretty fast using css and some custom images...it also degrades gracefully to standard scrollbars when js is off.

            Eventually it will be better to use mootools/jquery to eliminate the need for a separate js file (this one’s 14Kb compressed), but until i get my js driver’s license, this will do just fine...

            Regards, JP
              Got Music? Try XSPFjukebox - Skinnable MODx Media Player
              • 33372
              • 1,611 Posts
              That looks like just the right script for what you’re doing to me!
                "Things are not what they appear to be; nor are they otherwise." - Buddha

                "Well, gee, Buddha - that wasn't very helpful..." - ZAP

                Useful MODx links: documentation | wiki | forum guidelines | bugs & requests | info you should include with your post | commercial support options
                • 32942
                • 141 Posts
                but is ain’t gpl
                so not free
                  • 33372
                  • 1,611 Posts
                  True. Nothing’s perfect (except maybe MODx). You could check out the custom scroll bars for jQuery here if you prefer:
                  http://interface.eyecon.ro/demos
                    "Things are not what they appear to be; nor are they otherwise." - Buddha

                    "Well, gee, Buddha - that wasn't very helpful..." - ZAP

                    Useful MODx links: documentation | wiki | forum guidelines | bugs & requests | info you should include with your post | commercial support options
                    • 32942
                    • 141 Posts
                    I already know this, but thank you.
                    I coded something myself many years ago and it worked on IE only..lol
                    was something that emulated XP scrollbar on win98 (the hover effect etc).
                    however what I really like on the flexscrollbar is that you can scroll.
                    I mean with the mouse wheel, and it works in opposite to any other scrollbar replacement except flash scrollbar which can be scripted with as3.
                    But I think there are also one to none true scrollbar replacements.

                    progressive enhancement?
                    liquid enhancement!