Snabbtips Klibbig navigering, utan den obehagliga hoppa

"Sticky Navigation" beskriver en navigeringsfält som tycks hålla fast vid toppen av sidan när en användare börjar bläddra. Det är ett vanligt användningsområde idag, eftersom det ger användare konstant tillgång till sidnavigering och fixar webbplatsens branding säkert med tanke på hela tiden.

Ibland, men när en navigeringsfält görs klibbig, finns det ingen ersättning för att den har tagits bort från dokumentflödet, vilket orsakar ett besvärligt hopp när sidinnehållet skenar uppåt. Idag ska vi använda jQuery för att implementera vår egen klibbiga navigering, då ska vi använda ett alternativt tillvägagångssätt med Waypoints.js-plugin för att ge oss den sömlösa effekten vi letar efter.

Viktiga JS-bibliotek för webbdesign

Följ mig i min nya kurs på Tuts + när jag går igenom 15 JavaScript-bibliotek, inklusive Waypoint.js, som visar var och en med tydliga exempel och övningar. 

Under hela kursen installerar och underhåller vi varje paket med Bower, vilket hjälper dig att öva ett bra arbetsflöde och ge dig extra färdigheter för ditt webbdesign verktygsbälte!

Ytterligare resurser

  • Viktiga JS-bibliotek för webbdesign på Tuts+
  • 30 dagar att lära dig jQuery på Tuts+
  • Bower: en paketchef för webben
  • Pro front-end arbetsflöden: Yeoman on Tuts+
  • jQuery waypoints