[Vuejs]-How to scroll a section with full height with vue3

by

1👍

✅

You can do this in CSS with Scroll Snap:

  1. Apply scroll-snap-type: y mandatory; to the <html> and <body> elements to enable vertical snapping.
  2. Apply scroll-snap-align: start; to the page element to snap to the start of the page element.
html, body {
  scroll-snap-type: y mandatory; 1️⃣
}

.page {
  height: 100vh;
  width: 100vw;
  scroll-snap-align: start; 2️⃣
}

demo

Leave a comment