我无法滚动我的Nextjs网页应用程序

8wtpewkr 于 2023-08-04 发布在其他

关注(0)|答案(1)|浏览(110)

我有以下问题，我有我的投资组合网页的基础上3个组件，英雄，关于和投资组合。布局是下一个：

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <Navbar />
      <main>{children}</main>
    </html>
  )
}```

字符串
下一页.tsx：

return (
   <main>
  <HeroSection />
   <AboutMe />
   <Portfolio />
   </main>
   
  )
}```

型

next.js

来源：https://stackoverflow.com/questions/76741650/i-cant-scroll-on-my-nextjs-webpage-application

1条答案

按热度按时间

ego6inou1#

首先，你的RootLayout似乎是错误的。应该有body元素通过children。
有关布局的更多信息，请参阅Nextjs文档。
RootLayout应该看起来像这样：

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>
        <Navbar />
        <main>{children}</main>
      </body>
    </html>
  );
}

字符串
不确定内容的高度，但您可以尝试以下操作：

.content{
  height: 100vh;
  overflow: auto;
}

型
在page.tsx中，将内容 Package 到div元素中

<div className="content">
  <HeroSection />
  <AboutMe />
  <Portfolio />
</div>

型
希望能帮上忙！

赞(0）回复(0）举报 2023-08-04

我来回答

我无法滚动我的Nextjs网页应用程序

1条答案

相关问题

热门标签

最新问答