如何扩展Accordion并相应地向下滚动页面

时间:2017-12-22 09:11:57

标签: javascript reactjs accordion

我在React应用程序中使用了定制的Accordion。 当我在页面底部找到一个手风琴时有一个问题。

当用户单击手风琴打开时,页面不会向下滚动到手风琴内的扩展区域。因此,用户很可能无法知道下面是否有扩展区域。

我的问题是,当手风琴展开时,我们如何添加页面向下滚动的功能?

代码的一部分如下所示:

class Dashboard extends React.Component {
 render () {
 return <section className='dashboard'>
     <div className='col-xs-12 col-sm-12 col-md-4'>
     <!—omitted some codes here—>
     {!this.props.isNotEmpty && <HeaderAccordion>
         <Content />
     </HeaderAccordion>
     }
   </div>

 </section>
 }
}

0 个答案:

没有答案