Can this scrolling menu be done in CSS3 only?

Discussion in 'CSS' started by Dragontheory, Sep 8, 2010.

  1. #1
    Greetings! I was wondering if the mouse over relative scrolling in this jQuery demo can be done in CSS3 only? If so, how? Thanks in advance.

    http://www.queness.com/resources/html/scrollmenu/index.html
     
    Dragontheory, Sep 8, 2010 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Without JS? Nope CSS is mainly there for presentation reasons whereas JS is used for additional functionality (like responsive scrolling on mouse movement)
     
    wd_2k6, Sep 8, 2010 IP
  3. Dragontheory

    Dragontheory Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Agreed. This is one of those cases where the customer has latched onto a new technology "CSS3" and is insisting on using it for everything. Thanks for your help.
     
    Dragontheory, Sep 9, 2010 IP
  4. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #4
    While there are a lot of things you can do with Webkit extensions, there is so much happening in that menu that you would need a script.
     
    Cash Nebula, Sep 9, 2010 IP
  5. Dragontheory

    Dragontheory Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I just need the mouse sensitive vertical scroll part, not the roll over color transitions. It gets worse... this will be in new Firefox beta 4+ only - no Webkit renderers. I know, I know, why did I accept this gig?
     
    Dragontheory, Sep 9, 2010 IP
  6. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Yeah if it's not possible in CSS it's not possible there's nothing that can be done, it would be CSS overkill anyway and a compatability nightmare even if it were possible. I googled quickly for you here's a basic tutorial for a JQuery method although can't guarentee how good it is but seems like it has the functionality you are looking for.
     
    wd_2k6, Sep 9, 2010 IP
  7. Dragontheory

    Dragontheory Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks so much of the Nightfall. Will check it out. I've done some looking as well. Haven't found much.
     
    Dragontheory, Sep 9, 2010 IP
  8. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #8
    No problemo mate, good luck! :)
     
    wd_2k6, Sep 9, 2010 IP