React+ CSS：另一个可滚动部分内的可滚动部分让我在移动的中获得页脚的问题

tv6aics1 于 2023-02-20 发布在 React

关注(0)|答案(2)|浏览(95)

希望你能帮帮我。
问题是，我有一个部分，在那里Map组件。这个部分有一个垂直滚动条。在这个部分之外，还有其他组件，如Map、导航栏、页脚等。当我在移动的中时，我可以滚动浏览所有Map的组件，但当我到达这个部分的末尾时，我无法访问页脚或分页组件。
要测试此问题，请使用you can enter this site并尝试向下滚动整个页面，然后找到移动的中的分页组件。
抱歉，如果我没有解释清楚，这是一个恼人的问题，我不知道如何解决它。

css

来源：https://stackoverflow.com/questions/75496478/react-css-scrollable-section-inside-another-scrollable-section-getting-me-iss

2条答案

按热度按时间

2jcobegt1#

这是由下面的内联样式引起的：

<div class="col-lg-7 col-sm-12" style="height: 860px; overflow-y: scroll;">

尝试删除内联样式并添加一个类，您可以在目标桌面的媒体查询中应用所需的样式。
因此它可能看起来像这样（您可以将类命名为更合适的名称）

<div class="col-lg-7 col-sm-12 scroll-fix">

CSS

/* Reset for desktop */
    @media only screen and (min-width: 992px) {
      .scroll-fix {
         height: 860px; 
         overflow-y: scroll;
      }
     }

赞(0）回复(0）举报 2023-02-20

vu8f3i0k2#

我在这里用我的个人电脑和手机进行了测试，效果很好。无论如何，如果问题仍然存在，试着在组件之间创造一个更大的空间，上下边缘，再次测试，并使用不同型号的手机进行检查，看看它看起来如何。
Responsively App可以帮助您。

赞(0）回复(0）举报 2023-02-20