sticky   2129

« earlier    

An event for CSS position:sticky
"Here's a secret: You may not need scroll events in your next app. Using an IntersectionObserver, I show how you can fire a custom event when position:sticky elements become fixed or when they stop sticking. All without the use of scroll listeners."
CSS  sticky  event  detection  IntersectionObserver  JavaScript 
2 days ago by nhoizey
Sticky, Smooth, Active Nav
Here's a sidebar navigation bar that... 1) Uses sticky positioning. It stays on the screen when it can, but won't overlap the header, footer, or ever make any of it's links inaccessible. 2) Scrolls smoothly to the sections you click to. 3) Activates the current nav based on scroll position (it's a single page thing).
fridayfrontend  css  navigation  sticky  smooth  scroll-behavior 
5 days ago by spaceninja
Sticky, Smooth, Active Nav | CSS-Tricks
Chris Coyier describes a navigation bar design which sticks to the screen, smoothly scrolls as the contents scroll and actively highlights where you are in the document as you scroll down or up.
ChrisCoyier  WebDesign  CSS  sticky  navigation  smooth  scroll  layout  tool  howto 
8 days ago by searchmeister

« earlier    

related tags

a11y  absolute  android-library  android  animation  app  article  asian  atk  ba  baked  baking  blaupunkt  bootstrap  breakfast  broadcast  brunch  caramel  caramelized  chicken  chriscoyier  chrome  classic  code  codepen  column  cooks  css  cssbasics  cssheadersticky  csssticky  csstricks  cucumber  customview  dad  debug  design  detection  dev  development  divi  dough  doy  drumsticks  easy  effect  elementor  elm  event  events  example  extension  feature  feedly  fixed  flexbox  fn  footer  fridayfrontend  garlic  glazed  glue  golden  grid  grileld  grilled  grip  gripping  header  holiday  home  homeimprovement  honey  house  hover  howto  ie11  ingress  instantpot  intelligent  intent  intersectionobserver  javascript  jquery  js  katielee  keys  knobs  kubernetes  layout  library  local  macbook  magnet  makesoon  management  markup  menu  modal  nav  navbar  navigation  nginx  notes  nyt  observer  on  pads  paralax  party  plugin  polyfills  pork  porsche  position  positioning  präsentation  problem  proxy  query  radio  recipes  recyclerview  repair  responsive  reverse  rolls  row  rules  salad  sauce  scope  scroll-behavior  scroll-to-top  scroll  scrolling  scrollytelling  seminare  session  shop  sidebar  sidebars  silicone  slidedown  smooth  smoothscroll  spreadsheet  table  tailwind  tailwindcss  text  timeline  toc  tool  top  transform  troubleshoot  tutorial  ui  underline  vanilla  vietnamese  visualization  web-design  web  webdesign  webdev  weeknight  when  windows  wordpress 

Copy this bookmark: