React-window: 목록 외부의 스크롤을 제어하는 ​​방법

안녕하세요, 최근에 프로젝트에서 반응 창을 사용합니다. 스크롤 이벤트가 목록 자체에서 수신되면 완벽하게 작동하지만 목록을 div/Tab으로 래핑하면 목록의 스크롤 막대를 숨기고 상위 div가 가져갈 수 있도록 하는 방법 스크롤 제어? 코드의 주요 부분은 다음과 같습니다.

<div ref={outerRef} style={{overflow:'auto',height:'200px'}} onScroll={scrollCheck}>
        <Tab
            defaultActiveKey='tab1'
            onChange={(key)=>{ console.log("onChange====",key)}}
            >
                <Tab.TabPane tab="hot" tabKey="tab1" >
                    <FixedSizeList
                        className={'demo'}
                        height={200}
                        itemSize={40} 
                        itemData={itemData}
                        width={300}
                        outerRef={outerRef}
                    />
                </Tab.TabPane>
                <Tab.TabPane tab="newest" tabKey="tab2" >
                    <div style={{background: '#368AD9', color: '#fff', padding: '15px' }}>
                        2...
                    </div>
                </Tab.TabPane>
        </Tab>
    </div>

렌더링 효과는 다음과 같습니다. 이제 두 개의 스크롤 막대가 있습니다.