Browse Source

修复BackTop隐藏时无动画的问题

pull/2231/head
ddcat1115 9 years ago
parent
commit
30e1d4ed5b
  1. 18
      components/back-top/index.jsx

18
components/back-top/index.jsx

@ -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
>
<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>
);
}

Loading…
Cancel
Save