垂直滚动捕获在Next.js中无法工作。

12 浏览
0 Comments

垂直滚动捕获在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 (
      

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

) } } export default Carusel

这是index.css

html {
  overflow-y: scroll;
}

0