mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-07-31 20:36:35 +08:00
Code Issues Actions 19 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() { componentDidMount() {
this.scrollEvent = addEventListener(window, 'scroll', this.handleScroll); this.scrollEvent = addEventListener(window, 'scroll', this.handleScroll);
} }
@ -92,17 +85,16 @@ export default class BackTop extends React.Component {
}; };
return ( return (
<Animate <Animate component="" transitionName="fade">
showProp="data-show" {
transitionName="fade" this.state.visible ?
onEnd={this.animationEnd} <div data-show={this.state.visible} style={style}>
transitionAppear <div {...restProps} className={classString} onClick={this.scrollToTop}>
> {children || defaultElement}
<div data-show={this.state.visible} style={style}> </div>
<div {...restProps} className={classString} onClick={this.scrollToTop}> </div>
{children || defaultElement} : null
</div> }
</div>
</Animate> </Animate>
); );
} }