Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Custom Scrollbar Help

  • This topic is empty.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #24832
    enigmajr
    Member

    Hey guys, I ran into a pretty big snag trying to implement custom scrollbars on a friend’s site. I tried a jquery script first, but something in my css was breaking it, and this scriptaculous script actually looked like more what I needed anyway. When I tried to get the scripts to work, I got absolutely nothing for some reason, so I decided to try and just copy a site that had it working exactly and then just figure out where I went wrong. Now I can’t even get the site I’m trying to copy to work.

    Original:
    http://www.elizabethweinberg.com/fashion/

    My attempted copy:
    http://www.chadmcclure.com/scroll.html

    At first I was just trying to whittle the page down to what I needed, but that didn’t work, so I just tried to copy the css exactly and it STILL doesn’t work! I’m not trying to copy what the designer did on their page at all, I’m just trying to figure out what the heck I’m doing wrong when I’m trying to call the effect. Any ideas?

    #57449
    apostrophe
    Participant

    I would start by validating your html markup, with 40+ errors on the page you have very little chance of troubleshooting the css.

    #57464
    enigmajr
    Member

    Yeah I was just trying to troubleshoot so fast I guess I made a lot of really dumb mistakes. It validates now, although there are a few warnings in the CSS I don’t think those should be causing the trouble. Any ideas?

    #57467
    apostrophe
    Participant

    Think I’ve sussed it. :D
    In your document head you have:

    Code:

    As far as I can tell it should be:

    Code:
    #57499
    elizabeth
    Member

    how about not copying my website in the first place? then you might not run into the problem.

    cheers,
    elizabeth

    #57501
    TheDoc
    Member
    "elizabeth" wrote:
    how about not copying my website in the first place? then you might not run into the problem.

    cheers,
    elizabeth

    bahahaha, awesome

    #57503
    AshtonSanders
    Participant

    Hahaha. Thank you google alerts.

    Good times on the net.

    #57504
    apostrophe
    Participant

    Seems a bit harsh to me.

    As far as I can tell, the poor guy is just trying to learn. He was totally up front about what he was doing and why, he didn’t try and pass it off as his own idea or design. In fact he was doing pretty much what Chris recommended in this article http://css-tricks.com/excercise-to-get-better-at-web-design/

    And, let’s face it. It’s not like the site is much to write home about in the first place.

    #57506
    TheDoc
    Member

    Apostrophe, I agree with you, but you can’t help laugh when someone gets called out like that. I thought it was hilarious.

    #57642
    AshtonSanders
    Participant

    btw, I just had a client want me to do this. It’s pretty simple JQuery plugin:

    http://www.kelvinluck.com/assets/jquery … lPane.html

    Notes:
    Some of the links are broken, so you’ll have to save the file out of his example page.
    I also used the latest version of JQuery (and the mouse wheel plugin), and it worked great.

    #57992
    enigmajr
    Member

    Thanks apostrophe, I really wasn’t up to anything nefarious. After not being able to get jScrollPane to work, one of my searches led me to a forum where someone cited her site as a good example of a custom scrollbar, so that’s how I stumbled upon that in the first place. I was legitimately just trying to learn, and after trying a few different methods I didn’t even use her site’s method anyway.

    AshtonSanders: I originally tried to use jScrollHorizontalPane, which is just a modified version of jScrollPane for horizontal scrolling. I ended up finding an example of someone using just a scriptaculous slider for a scrollbar, which fit my needs well enough so that’s what I used. I think I’m going to try and get jScrollHorizontalPane to work again because I really want to be able to use the mouse wheel plugin, and after I get all these kinks ironed out I plan on replacing the current one with an image based one.

    However, before I try that again, for some reason my slider/scrollbar isn’t visible in Safari. It works on Internet Explorer and Firefox, but never in Safari. Although sometimes, seemingly randomly, it won’t appear on the first load in Firefox. If I refresh the page, it immediately appears and on subsequent refreshes stays. Any ideas as to what would cause that?

    Just to make sure I didn’t get the embarrassing "47 errors" again haha, this time the HTML and CSS both validate. Thank you for the help so far!

    #58005
    AshtonSanders
    Participant
    "enigmajr" wrote:
    Thanks apostrophe, I really wasn’t up to anything nefarious.

    I think we’re all on your side here. I’m sure we’ve all reverse engineered another website before. I don’t think I’ve ever seen someone get caught though! So funny :lol:

    "enigmajr" wrote:
    AshtonSanders: I originally tried to use jScrollHorizontalPane, which is just a modified version of jScrollPane for horizontal scrolling.

    Ah, I get it. Horizontal scrolling… good call …

Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.