IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Common: Refactoring

Browse Source
This commit is contained in:
TatianaLopaeva 2020-10-29 13:23:21 +03:00
parent d7a8226671
commit aca906db56
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/ASC.Web.Common/src/components/PageLayout/sub-components/section-header.js
View File

@ -59,32 +59,34 @@ class SectionHeader extends React.Component {
constructor(props) {
super(props);
this.state = {
prevScrollpos: window.pageYOffset || document.documentElement.scrollTop,
visible: true
prevScrollPosition: window.pageYOffset || document.documentElement.scrollTop,
visibleContent: true
};
this.focusRef = React.createRef();
}
componentDidMount() {
window.addEventListener("scroll", this.scrolledTheVerticalAxis);
window.addEventListener("scroll", this.scrolledTheVerticalAxis,false);
}
componentWillUnmount() {
window.removeEventListener("scroll", this.scrolledTheVerticalAxis);
window.removeEventListener("scroll", this.scrolledTheVerticalAxis,false);
}
scrolledTheVerticalAxis = () => {
const { prevScrollpos } = this.state;
const currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
const visible = prevScrollpos > currentScrollPos;
const { prevScrollPosition } = this.state;
// const first = document.documentElement.offsetTop
// const second = document.body.scrollTop || document.documentElement.scrollTop
const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;
const visibleContent = prevScrollPosition > currentScrollPosition;
this.setState({
prevScrollpos: currentScrollPos,
visible
prevScrollPosition: currentScrollPosition,
visibleContent
});
};
@ -100,7 +102,7 @@ class SectionHeader extends React.Component {
return (
<StyledSectionHeader isArticlePinned={isArticlePinned}>
<div id="scroll" className={classnames("section-header" , {
"section-header--hidden": !this.state.visible
"section-header--hidden": !this.state.visibleContent
})} {...rest} />
</StyledSectionHeader>
);