How can I get the scroll event in spreadsheet

[Rellyson Douglas]

Hi, 

I'm trying to get the scroll event from the spreadsheet to add elements on top based in the coordinates of the elements. 

The first time I tried to add a useEffect with an addEventListener to watch the scroll event inside the .e-sheet .e-main-panel element, like this:

but this code isn't working and the scroll event isn't fired.

How can i fire the scroll event inside the spreadsheet .e-sheet .e-main-panel​?

In advance, thank you very much 

[Sangeetha Priya Murugan]

Hi Rellyson,

You can bind the scroll event for the spreadsheet component, by adding event listener for sheet panel and scroller element as shown below.

 function onCreated() {

    let scrollElement = spreadsheet.getScrollElement();

    let sheetPanel = document.getElementsByClassName('e-main-panel')[0];

    sheetPanel.addEventListener('scroll', scrollVHandler, false);

    scrollElement.addEventListener('scroll', scrollHHandler, false);

  }

  function scrollVHandler(event) {

    console.log('Vertical Scroll'); 

  }

  function scrollHHandler(event) {

    console.log('Horizontal Scroll'); 

  }

 

Sample Link: https://stackblitz.com/edit/react-ogpcnz?file=index.js