Library / Search

Find your
next move.

5 useful things

Enable smooth scrolling for anchor links and scroll actions.

/* Enable smooth scrolling globally */
html {
  scroll-behavior: smooth;
}

Create a sticky navigation header that adds shadow on scroll.

.sticky-header {
  position: sticky;
  top: 0;
  background: rgba(13, 17, 38, 0.95);

Create depth with parallax scrolling backgrounds using pure CSS.

.parallax-container {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;

Create smooth full-page scrolling with snap points for sections.

.scroll-container {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;

Limits a function to be executed only once per specified time period

function throttle(func, limit) {
  let inThrottle;
  
  return function(...args) {

Find yournext move.