mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-19 06:43:16 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

Merge pull request #2231 from ddcat1115/BackTop-fix

Browse Source 
修复BackTop隐藏时无动画的问题
This commit is contained in:
ddcat1115 2016-07-08 10:20:44 +08:00 committed by GitHub
commit af29df4238
1 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/back-top/index.jsx
View File

@ -57,13 +57,6 @@ export default class BackTop extends React.Component {
});
}
animationEnd = () => {
const scrollTop = getScroll(window, true);
this.setState({
visible: scrollTop > this.props.visibilityHeight,
});
}
componentDidMount() {
this.scrollEvent = addEventListener(window, 'scroll', this.handleScroll);
}
@ -92,17 +85,16 @@ export default class BackTop extends React.Component {
};
return (
<Animate
showProp="data-show"
transitionName="fade"
onEnd={this.animationEnd}
transitionAppear
>
<div data-show={this.state.visible} style={style}>
<div {...restProps} className={classString} onClick={this.scrollToTop}>
{children || defaultElement}
</div>
</div>
<Animate component="" transitionName="fade">
{
this.state.visible ?
<div data-show={this.state.visible} style={style}>
<div {...restProps} className={classString} onClick={this.scrollToTop}>
{children || defaultElement}
</div>
</div>
: null
}
</Animate>
);
}