avaaren

ываываыв

Jun 8th, 2020
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.45 KB | None | 0 0
  1. export default class LandingPage extends Component {
  2.  
  3. constructor(props) {
  4. super(props)
  5. this.toStartRef = createRef()
  6. }
  7.  
  8. componentDidMount() {
  9. window.addEventListener('scroll', this.handleScroll);
  10. }
  11.  
  12. componentWillUnmount() {
  13. window.removeEventListener('scroll', this.handleScroll);
  14. }
  15. // Show to start button when scrolling down
  16. handleScroll = (event) => {
  17. if (event.currentTarget.pageYOffset > 300){
  18.  
  19. }
  20. else{
  21.  
  22. }
  23. }
  24.  
  25. // Hadling click on to start button
  26. onStartClick = (event) => {
  27. window.scrollTo({
  28. top: 0,
  29. behavior: 'smooth',
  30. })
  31. }
  32.  
  33. render() {
  34. return (
  35. <div className="container-fluid p-0">
  36. <Navbar />
  37. //вот компонента
  38. <ToStartButton />
  39. <AboutProjectSection />
  40. <AboutMeSection />
  41. <MyProjectsSection />
  42. <GithubSection />
  43. <MyResumeSection />
  44. <MyContactsSection />
  45. </div>
  46. );
  47. }
  48. }
  49.  
  50. class ToStartButton extends Component {
  51. render() {
  52. return (
  53. <div className="to-start-button" style={{display:'none'}} >
  54. <img src="https://img.icons8.com/wired/64/000000/circled-chevron-up.png" />
  55. </div>
  56. );
  57. }
  58. }
Advertisement
Add Comment
Please, Sign In to add comment