Как отловить событие scroll в react.js?

Пользователь

от marisa , в категории: JavaScript , 8 месяцев назад

Как отловить событие scroll в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от camren , 7 месяцев назад

@marisa 

Для отслеживания события прокрутки в React.js вы можете использовать обработчик событий onScroll.


Вы можете добавить onScroll к элементу, который вы хотите отслеживать, таким образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
import React, { Component } from 'react';

class MyComponent extends Component {
  handleScroll = (event) => {
    console.log('Scrolling...');
  }

  render() {
    return (
      <div onScroll={this.handleScroll}>
        // Контент, который можно прокручивать
      </div>
    );
  }
}


Когда пользователь прокручивает элемент, вызывается обработчик событий handleScroll, который выводит "Scrolling..." в консоль. Вместо этого вы можете выполнить другое действие, в зависимости от того, что вам нужно сделать при прокрутке.