Results 1 to 3 of 3

Thread: Omnislide menu positioning

  1. #1
    Join Date
    Jan 2008
    Posts
    40
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Default Omnislide menu positioning

    I'm using Omnislide as my navbar. I'd like to have the menu stay put at the absolute top of the window and scroll out of view as the user proceeds down a lengthy page. A quick look by scrolling to the bottom of my Bibliography page will show you what I don't want.

    My reading of the Properties file suggests that this is the function that controls menu float behaviour.

    kviewtype:'absolute', // The method used to keep menu visible when page is scrolled - 'fixed' or 'absolute'. Fixed will not appear to move at all, staying completely stationary in relation to the window's frame, while 'absolute' will follow scrolling in a fluid motion: defaults to 'absolute' (floating) unless menu is top menu. 'fixed' is overridden in browsers that do not support it. For a menu that appears in the normal flow of the page, use 'absolute' here and false for keepinview (see previous).

    However, not so. With both values, the effect is identical. Tested on both Safari and FireFox, the dominant browers on the Mac platform. Don't know yet how it behaves on a PC.

    Have I misunderstood how to get the effect I want?

    Kind regards,

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You have a section of the script commented out, but where you have the code uncommented, you have:

    Code:
    keepinview:80,   // Use false (for not static) - OR - true or numeric top offset when page scrolls
    kviewtype:'fixed', // menu at the top of the window, 'fixed' floats as the window is scrolled
    and then later:

    Code:
    kviewtype:'fixed',       // Type of keepinview - 'fixed' utilizes fixed positioning where available, 'absolute' fluidly follows page scroll
    kviewtype should only be set once. Now, I think I assumed that the top menu would always follow the content, because when I set yours as:

    Code:
    keepinview:false,   // Use false (for not static) - OR - true or numeric top offset when page scrolls
    kviewtype:'absolute', // menu at the top of the window, 'fixed' floats as the window is scrolled
    It only remains at the top of the window, not the top of the page. In IE 6, which cannot do fixed position it works, but all others still stay at the top of the window, not the page.

    Do this - first make sure you have only one each of keepinview and kviewtype.

    Set:

    Code:
    keepinview:false,
    kviewtype:'absolute!important',
    That will work cross browser.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2008
    Posts
    40
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Default

    That works! First time through, didn't see the "kviewtype" setting already in place and supplied another one.

    Much thanks.

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
  •