Forms: Floating Navigation Tabs

  • 24 March 2017
  • 3 replies
  • 6 views

Badge +7

Hi All,

what is the best way to have navigation tabs on my form that "follow" (float) as i scroll up and down.

I got it working (sort of) by setting the position: fixed for the CSS class but my div overlaps with other form content as I scroll down over it. What is the best way to avoid this? Is it jquery?

thanks


3 replies

Badge +7

Dear, 

This is because there is still top and left as attributes for it.

Remove them within JQuery.

If you need any help, let me know.

Regards,

Badge +7

Trying to do something like this but can't get the JS to work:

Dynamic Top Menu Positioning - JSFiddle  

Badge +7

Dear.

1-Add a CSS class to your choice (Tabs) contro (Named here "Beta")l:

2-Use the following JS as per the picture: 

NWF$( document ).ready(function() {   NWF$(".Beta").css({ 'top' : '', 'left' : '', 'position' : 'fixed'});});

Cheers... happy.png

Reply