Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 4 1 2 3 ... LastLast
Results 1 to 10 of 33
  1. #1
    Senior Member Blackhawk095's Avatar
    Join Date
    May 2011
    Location
    Kentucky (USA)
    Posts
    384
    Member #
    27969
    Liked
    45 times
    I've been looking online for a script that will make a navigation bar on my website stay in the same spot on the screen even in I scroll. (Also called a floating nav).

    I have found several scripts, but they aren't what I'm looking for. When you scroll down, you have to wait a few seconds for the nav to catch up and do something fancy. I don't want that. I simply need a script that make the nav appear in the same spot even if I scroll up or down.

    I would prefer to have the nav script created in jQuery. Does anyone know where I can find a script that matches what I'm looking for?
    [COLOR=rgb(0, 51, 102)]Student Web Designer[/COLOR]
    [COLOR=rgb(0, 51, 102)]If you thought something I said was helpful. LIKE IT![/COLOR]

  2.  

  3. #2
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    Why don't you just CSS positioning?
    Blackhawk095 likes this.

  4. #3
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    Quote Originally Posted by shovenose, post: 214136
    Why don't you just CSS positioning?
    I don't think you can make it stay on the screen with just CSS
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  5. #4
    Senior Member Blackhawk095's Avatar
    Join Date
    May 2011
    Location
    Kentucky (USA)
    Posts
    384
    Member #
    27969
    Liked
    45 times
    Do you guys know of any good places to get some scripts for this?
    [COLOR=rgb(0, 51, 102)]Student Web Designer[/COLOR]
    [COLOR=rgb(0, 51, 102)]If you thought something I said was helpful. LIKE IT![/COLOR]

  6. #5
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    Nvm, shovenose was right. Here's simple CSS for it. This is pretty cool, I might use it sometime
    Blackhawk095 likes this.
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  7. #6
    Senior Member Blackhawk095's Avatar
    Join Date
    May 2011
    Location
    Kentucky (USA)
    Posts
    384
    Member #
    27969
    Liked
    45 times
    Thanks it works great.

    I have one quick issue I need fixed. I have checked the coding over and over again, and I can't figure it out. On many of the pages of the website I'm inserting this floating nav, there is a lot of extra space under the footer. I don't know why.
    That extra space is also making the floating left nav run into the footer.

    The link to the main page is below. You will see what I mean after you scroll all the way down.

    http://www.my-testing-area.netne.net...Tech_Index.php
    [COLOR=rgb(0, 51, 102)]Student Web Designer[/COLOR]
    [COLOR=rgb(0, 51, 102)]If you thought something I said was helpful. LIKE IT![/COLOR]

  8. #7
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    Quote Originally Posted by Blackhawk095, post: 214150
    Thanks it works great.

    I have one quick issue I need fixed. I have checked the coding over and over again, and I can't figure it out. On many of the pages of the website I'm inserting this floating nav, there is a lot of extra space under the footer. I don't know why.
    That extra space is also making the floating left nav run into the footer.

    The link to the main page is below. You will see what I mean after you scroll all the way down.

    http://www.my-testing-area.netne.net...Tech_Index.php
    Don't worry about the extra space, it actually makes the site look better. Now, if you dont want the nav to go through the footer, then give the footer the same z-index as the navigation menu, an that should work.
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  9. #8
    Senior Member Blackhawk095's Avatar
    Join Date
    May 2011
    Location
    Kentucky (USA)
    Posts
    384
    Member #
    27969
    Liked
    45 times
    Good idea, but it didn't work. Is still overlapping.

    There is about 200px of extra space under the footer. What if I cut that space to 100px? I think that would work. The problem is that I don't even know how I got that space in the first place.
    [COLOR=rgb(0, 51, 102)]Student Web Designer[/COLOR]
    [COLOR=rgb(0, 51, 102)]If you thought something I said was helpful. LIKE IT![/COLOR]

  10. #9
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    Quote Originally Posted by Blackhawk095, post: 214153
    Good idea, but it didn't work. Is still overlapping.

    There is about 200px of extra space under the footer. What if I cut that space to 100px? I think that would work. The problem is that I don't even know how I got that space in the first place.
    I really can't tell either, sorry
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  11. #10
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    Quote Originally Posted by George Dolidze, post: 214147
    Nvm, shovenose was right. Here's simple CSS for it. This is pretty cool, I might use it sometime
    Haha I was right! first real useful answer/idea I've ever had on this forum (rather than just asking questions)...
    AlphaMare likes this.


Page 1 of 4 1 2 3 ... LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:36 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com