Skip to content

Main Navigation

BDWM

  • Home
  • Random thoughts
  • Portfolio
  • Travel Blog
  • Contact

Javascript: one-pager navigation with IntersectionObserver

Posted on July 28, 2023 by Jules

See the Pen One-pager navigation with intersectionObserver by Jules Colle (@pwkip) on CodePen.

Turn it into a reusable function, so we can also apply it on vertical secondary navigation.

See the Pen One-pager navigation with intersectionObserver by Jules Colle (@pwkip) on CodePen.

Post navigation

CSS: change a transparent PNG to any color you want.

Recent posts

  • Javascript: one-pager navigation with IntersectionObserver July 28, 2023
  • CSS: change a transparent PNG to any color you want. July 9, 2023
  • Gutenberg / Block editor: Dynamically populate SelectControl, RadioControl or CheckboxControl options November 25, 2022
  • HTML/PHP: Drag and drop upload files October 20, 2022
  • Contact form 7 dynamic values October 13, 2022
  • Contact Form 7 upload field with image preview February 10, 2022
  • PHP: align two arrays by inserting empty spaces September 4, 2021
  • Contact Form 7: hide form after successfully sent, and only display success message. July 17, 2021
  • Gutenberg: Case study: convert group of file blocks to ACF block August 20, 2020
  • Gutenberg – How to update blocks and block-templates in bulk August 8, 2020
Proudly powered by WordPress | Theme: New BDWM Theme (CF7 child) by understrap.com.(Version: 1.0.0)