Question

有没有办法使用ft.calculate_feature_matrix的{{1}}来设置粘性边栏？

实现粘性行为的一种方法是跳过而不使用react-semantic-ui，但我不能使用<Sidebar>的{{1}}道具。

除了我上面提到的方法之外，我发现没有其他方法不太苛刻。

Answer 1

我一直想找这个。我是这样做的：

MY-sidebar.css：

JSON

很久以前，如果它不起作用，请告诉我，以便我可以更新。

Answer 2

粘贴侧边栏

我希望有一条粘性错误消息溢出内容，左侧有一个可垂直的侧边栏。

我用粘性试了好几个小时但是我还没能做到。

我发现最干净的解决方案是使用Portal并添加css以将其推到顶部。

这是我的消息组件（旁边可推送的侧边栏）

    class AppAlert extends React.Component{

    getColor(){
        return 'green';
    }

    render(){
        return (
            <TransitionablePortal open={true} transition={{ animation: 'swing down', duration:1000 }} closeOnDocumentClick={false}>
                <Sidebar style={{position: 'fixed', top: '0'}} direction="top" animation="overlay">
                    <Message color={this.getColor()}>
                        My message<br/>
                        My message<br/>
                        My message<br/>
                    </Message>
                </Sidebar>
          </TransitionablePortal>
        )
    }
}

export default AppAlert;

Screenshot of the result

反应语义UI - 粘贴边栏

2 个答案:

MY-sidebar.css：