www.webdeveloper.com
Results 1 to 5 of 5

Thread: Fluid Nav Question

Hybrid View

  1. #1
    Join Date
    Aug 2011
    Posts
    37

    Fluid Nav Question

    Hi all,

    I am trying to fix an issue that I am getting with a fluid nav. Basically its a one-page website and the that particular nav won't accept external links (only navigates within the one-page site).
    I need it to be able to accept/respond to external links. If anyone could shed some light on what I am missing in the js portion, I really would appreciate it.

    Here is the site - marcusgroup.com - the nav i speak of is the second nav once you pass the parallax landing portion of the site.

    Here is the link to the js file - http://marcusgroup.com/js/settings.js - the pertaining code is all the way at the bottom.

    Thank you so much!

    Serge

  2. #2
    Join Date
    Mar 2005
    Location
    Behind you...
    Posts
    873
    This is just after a brief look but I see a line that filters external links. Have you tried removing that line?
    Code:
    filter: ':not(.external)',
    Granted I don't know much about the One-Page-Nav jQuery plugin but I do feel that's definitely related (I just don't know how it affects the behavior of other links).

    The only other thing I'd say is in the gitHub documentation they apply a class (external) to external links when using that filter. Perhaps that's what you need to add to your external links.
    "Given billions of tries, could a spilled bottle of ink ever fall into the words of Shakespeare?"

  3. #3
    Join Date
    Aug 2011
    Posts
    37
    Thank you Sup3rkirby. Yes i had tried removing that line.
    I believe I just figured it out... i just removed ".external" and it seems to be working.
    So that line should be - filter: ':not()', - in case someone else may need it in the future.

    Thanks.

  4. #4
    Join Date
    Aug 2011
    Posts
    37
    OK! Now I have it working properly.
    All that is need is to add a class in the external link as - class="external" since it refers to the ".external" in the jQuery.

    Serge
    Last edited by Sribeiro; 03-28-2014 at 11:34 AM.

  5. #5
    Join Date
    Aug 2011
    Posts
    37
    I take it back.... now the scrolling effect does not work.
    Back to square one.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles