• Home
  • All Sections

StarTribune

  • Log In
    • Welcome, User
    • Manage Account
    • Saved articles
    • eEdition
    • Support
    • Subscribe
    • Log Out
  • Subscribe

Recently Visited

    Subscriber Features

    • Saved Articles
    • Home
    • Local
    • Sports
    • Business
    • Opinion
    • Variety
    • Politics
    • Nation
    • World
    • Science
    • Weather
    • Traffic
    • Video
    • Photography
    • Archives: 150+ years
    • Minnesota's Best
    • Sports Betting
    • From Our Advertisers
    • Classifieds
    • Jobs
    • Coronavirus
    • Minneapolis
    • St. Paul
    • Duluth
    • St. Cloud
    • Rochester
    • East Metro
    • North Metro
    • South Metro
    • West Metro
    • Local Columnists
      • James Lileks
      • Jennifer Brooks
    • State Fair
    • Curious Minnesota
    • Twins
    • Minnesota Vikings
    • Wild
    • Wolves
    • Loons
    • Lynx
    • Gophers
    • Colleges
    • Golf
    • Motorsports
    • Outdoors
    • High Schools
    • Sports Hall of Fame
    • Sports Columnists
      • Dennis Anderson
      • Sid Hartman
      • Patrick Reusse
      • Chip Scoggins
      • Jim Souhan
    • Sports Blogs
      • Access Vikings
      • Gophers Basketball
      • Gophers Football
      • Gophers Hockey
      • The Lynx Beat
      • Preps Insider
      • The Olympics
      • Randball
      • StribSports Upload
      • The Twins Beat
      • The United Beat
      • The Wild Beat
      • The Wolves Beat
    • Top Workplaces
    • Agriculture
    • Business Columnists
      • Lee Schafer
      • Neal St. Anthony
    • Opinion Exchange
    • Editorial
    • Cartoons
    • Letters
    • Opinion/Election
    • New Voices
    • Podcasts
      • Playing Politics
    • Books
    • Celebs
    • Comics & Games
    • Horoscopes
    • Eat & Drink
    • Movies
    • Music
    • Stage & Arts
    • TV & Media
    • Best of MN
    • Health
    • Home & Garden
    • Inspired
    • Style
    • Taste
    • The Good Life
    • Things To Do
    • Travel
    • Variety Columnists
      • Gail Rosenblum
      • C. J
    • Winners
    • Nominations
    • Voting
    • About
    • Place an Ad
    • Garage Sales
    • Estate Sales
    • Merchandise
    • Pets
    • Public Notices
    • Recreational Vehicles & Marina
    • Find a Job
    • Your Resume
    • Your Account
    • Employer A-Z
    • Top Workplaces
    • Post a Job
    • Home
    • Local
    • Sports
    • Business
    • Opinion
    • Variety
    • Classifieds
    • Autos
    • Things To Do
    • Jobs

    Fixed nav test

    Let's find a way to manage a fixed nav in two codebases amidst a vibrating zoo of changing page elements.
    By Jamie Hutt Star Tribune
    March 17, 2023 — 12:58pm
    Save
    Tap the bookmark to save this article. View saved articles
    Gift this Article Send this article to anyone, no subscription is necessary to view it
    Share Article
    • Email
    • Facebook
    • Twitter
    • LinkedIn
    • Stop One
    • Stop Two
    • Stop Three
    • Stop Four

    Top header depth:

    Navbar height:

    Navbar scroll position:

    Stop One

    Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada.

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.

    Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada.

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.

    Stop Two

    Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada.

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.

    Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada.

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.

    Stop Three

    Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada.

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.

    Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada.

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.

    Stop Four

    Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada.

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.

    Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada.

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.

    Jamie Hutt is the digital design director, overseeing news design for the Minnesota Star Tribune's digital products. Hutt was a member of the team that developed the Minnesota Star Tribune’s first online service in 1994.

    Jamie.Hutt@startribune.com 612-673-4259

    StarTribune

    • Follow Us On:
    • Facebook
    • Twitter
    • Pinterest
    • Instagram
    Subscribe today

    Company

    • About the Star Tribune
    • Contact us
    • Work For Us
    • News in Education
    • Minnesota's Best
    • High school sports hubs
    • Mobile and tablet apps
    • Policies and Standards

    Advertise with us

    • Talk with a business consultant
    • Media kit
    • Classifieds

    Buy

    • Star Tribune Store
    • Photo Reprints
    • Full Page Archive: 150+ years
    • Back Copies
    • Commercial reprints
    • Licensing

    Customer support

    • Help and Feedback
    • Manage your account
    • Newspaper subscription
    • Digital access
    • eEdition
    • Vacation hold/billing
    • Text to Speech

    Website

    • Terms of use
    • Privacy policy
    • Site index
    • RSS

    © 2025 StarTribune. All rights reserved.