垂直滚动捕获在Next.js中无法工作。
- 论坛
- 垂直滚动捕获在Next.js中无法工作。
12 浏览
垂直滚动捕获在Next.js中无法工作。
我正在尝试在我的Next.js项目中使用滚动捕捉的CSS功能。我以前没有做过这样的功能。参考文章是这篇。
在父元素中应用scroll-snap-type
,并在子元素中应用scroll-snap-align
(start/center...所有子元素),但我的滚动行为仍然是普通的。我弄不清楚我漏掉了什么。
这是index.js:
import React from 'react' import '../index.css' import Carusel from '../components/carusel' const Home = () => () export default Home
这是carusel.js:
import React, { Component } from 'react' class Carusel extends Component { render() { return () } } export default Carusel Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
这是index.css:
html { overflow-y: scroll; }