对于小屏幕,scaleY属性未正确维护

Question

• 我正在尝试修复移动屏幕的CSS错误
• 当我点击第1部分内容打开,如果我移动到部分的底部一个内容,然后如果我点击第1部分内容关闭.
• 但是我没看到第2节,因为屏幕向上移动,我看到第3节.
• 如何在屏幕上保留第2部分.
• 我是否对scaleY属性做了任何错误.
• 提供以下相关代码

我使用scrollIntoView但仍然没有指向第二个任何想法???

我使用window.scrollTo(0,0)但仍然没有指向第二个任何想法???

 .television .chromecast .sun .sunItem > .bulb {
    overflow: hidden;
    transition: transform .5s, max-height .5s;
    transform: scaleY(0);
    box-sizing: border-box;
    max-height: 0;
    transform-origin: center top;
}

 .television .chromecast .sun .sunItem.selected > .bulb {
    transform: scaleY(1);
    max-height: 100%;
}

Answer 1

我们需要在select函数上正确调用

onSelect() {
this.props.onSelect(this.props.id);
this.focusDiv();
}