Implement vertical scrolling within a page that targets a specific section without moving the entire page-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Implement vertical scrolling within a page that targets a specific section without moving the entire page

P粉946437474 2023-08-15 19:29:46

333

I've seen this effect on some pages: you scroll down, but the page itself seems to be motionless. Therefore, some elements will fade in or out, appear or disappear. I have a section containing 5 cards. Now I want to create the same effect. When I scroll down to the section, I want to navigate the section by scrolling up and down. Depending on where I am currently, I want a card to be shown or hidden.

I started by adding overflow: scroll to that section, but then I ran out of ideas to create this effect.