Results 1 to 4 of 4

Thread: Freeze top of html page

  1. #1
    Join Date
    Sep 2014
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Freeze top of html page

    I have an html page containing a long body of text. I have a row of bookmark links at the top to help the user find relevant information. What I would like to do is freeze the top of the page, including the links and just scroll the body of text. That way the user can still use the links even when in the middle of the text. How can I do this?

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Look in to position:fixed; and try Googling "sticky header css".

    If you need more help, please provide more information and a link to your page.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. The Following User Says Thank You to Beverleyh For This Useful Post:

    daalevis (10-21-2014)

  4. #3
    Join Date
    Apr 2012
    Location
    Central New Jersey
    Posts
    286
    Thanks
    95
    Thanked 3 Times in 3 Posts

    Default

    latrobe, this does not answer your question, but an alternate way to set up the page would be to have a "table of contents" at the top of your page. Divide the text content of your page into segments. Each segment would have a segment header correspoinding to the table of contents entry. At the bottom of each segment you can have a "return to top" tag, to let the user easily return to the table of contents.

    A.

  5. #4
    Join Date
    Sep 2014
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks beverleyh for the hints. I found some good sites and have got my page working - no mean feat with the background, menu and top of page to coordinate. The most difficult part was to adjust the bookmarks so that the correct part of the page showed at top of the scrolling section.
    Marian, I had already done that but wanted something a bit slicker.

Similar Threads

  1. stepcarousel - script freeze
    By bryanjowers in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 08-02-2009, 07:35 AM
  2. how to freeze a variable value in a function?
    By ptejada in forum JavaScript
    Replies: 1
    Last Post: 07-12-2009, 06:03 AM
  3. Replies: 5
    Last Post: 04-02-2007, 12:37 PM
  4. How to freeze the header of table
    By fung in forum HTML
    Replies: 1
    Last Post: 03-14-2007, 04:07 PM
  5. HV Menu submenu freeze
    By squidly65 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-19-2005, 03:37 PM

Bookmarks

Posting Permissions

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