treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

Sliding Tab (Menu links jumps to page)

  • vnvillar
    Permalink to comment #
    Hi guys,

    I need your javascript expertise on a current project I'm working on. I added a Sliding tab menu but I'm having problem because the menu, when clicked jumps to a certain part of the page. I tried to refactor the error but I can't fix it (since i'm not that good with JS anyway). Here's the link of the page I'm working on www.collabix.net/zoomstra/tour.php

    BTW, I'm using http://www.queness.com/resources/html/scrollto/index.html for this one.

    Hope you can help me guys! Thank you very much :)

    Best,
    Val
  • Hompimpa
    Permalink to comment # 
    //Scroll to the correct panel, the panel id is grabbed from the href attribute of the anchor
    $('#mask').scrollTo($(this.href), 800);
  • vnvillar
    Permalink to comment #
    Hi Hompimpa,

    Thanks for your reply! I tried to remove that whole line of code but when I clicked on the next menu the content gets cut off. Hope you can help me.
    Val
  • Hompimpa
    Permalink to comment #
    Error: Problem at line 8 character 19: Missing radix parameter (what is this? :p)

    $('#panel').width(parseInt($('#mask').width() * $('#panel div').length));


    Work fine for me: http://jsfiddle.net/tovic/M4XZ3/
    Oh, and also, put the JQuery library before scrollTo.js
  • vnvillar
    Permalink to comment #
    Wow!!!! You got it working! Thanks so much for the help, I really appreciate it! Will look into your code now. Thanks again, Hompimpa :D
Add a Comment