时间戳

首页 > 解决方案 > overflow-y 被应用到每一页

javascript - overflow-y 被应用到每一页

问题描述

我是新的反应开发人员。这里我有两页页面'A'和页面'B'，在它们上面是<Header />，

我的问题是我在页面'B'中，我想拥有overflow-y: hidden整个页面，但它不起作用，但如果我把它放在里面，body { overflow-y: hidden }那么它会起作用，但它会将它应用于我所做的每一页不想。这就是我设置我的 css、A.css 和 B.css 然后导入它们的方式

应用程序.js：

 return (
    <div className="app">
     <Header />
      <Switch>
<AuthenticatedRoute
          path="/A"
          enabled={user?.isAdmin }
        >
          <A />
        </AuthenticatedRoute>
        <AuthenticatedRoute
          path="/B/"
          enabled={user?.isAdmin }
        >
          <B />
        </AuthenticatedRoute>
</Switch

</div>

标签： javascripthtmlcssreactjsreact-router

解决方案

如果您绝对需要为正文设置样式，则可以使用https://www.npmjs.com/package/react-body-classname之类的东西来根据页面设置挑战并在该类 css 上设置样式

推荐阅读