Jump to content


Photo
- - - - -

Navbar : fixed when reach a particular height

navbar fixed navbar

Best Answer Danny , 22 August 2014 - 10:33 AM

I did a quick search and found this, which may assist you in creating your fixed on scroll nav - http://jsfiddle.net/jpXjH/6/

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 sqsatg

sqsatg

    Newbie

  • Members
  • Pip
  • 7 posts
  • Country: Country Flag

Posted 21 August 2014 - 10:09 AM

Hi :)

 

I would like the navbar becomes fixed and full width when reach a particular height (e.g : http://www.fubiz.net/)

I can't provide you any link to the website since it is on local.

 

Is it possible ? What should I do ?

 

Regards



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 August 2014 - 11:50 AM

Hi,

 

Unfortunately, this is not possible out of the box with the standard navigation sections such as Simple Nav, NavBar or Navi. However, you can achieve a similar effect with the Scroll Spy section. However, this section is used to target elements on the same page.

 

If you want this functionality, you will need to customize one of the sections, by creating a child of that section. If you're not comfortable doing this yourself, you can contact one of our resource developers who may be able to assist you for a fee. http://docs.pagelines.com/resources/

 

You could also try using the UberMenu plugin which may (not 100% sure) include this functionality.



#3 sqsatg

sqsatg

    Newbie

  • Members
  • Pip
  • 7 posts
  • Country: Country Flag

Posted 21 August 2014 - 01:38 PM

Hi Danny,

Thank you for your answer.

I can't pay for this website so I can't afford UberMenu or assist for a developers.

I will try to do it myself creating a child of Navbar section.

 

Regards



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 22 August 2014 - 10:33 AM   Best Answer

I did a quick search and found this, which may assist you in creating your fixed on scroll nav - http://jsfiddle.net/jpXjH/6/



#5 sqsatg

sqsatg

    Newbie

  • Members
  • Pip
  • 7 posts
  • Country: Country Flag

Posted 22 August 2014 - 11:29 AM

Woah, thank you very much Danny !



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 24 August 2014 - 11:31 AM

No problem.







Also tagged with one or more of these keywords: navbar, fixed navbar