How to monitor scrolling for sub elements on a page
SessionCam will automatically monitor any scrolling events against the <body> HTML element on your page.
If you have other elements that have scrolling in them (such as <div>'s) then you need to add the class sessioncammonitorscroll to them for SessionCam to monitor the scrolling.
- On a responsive site you may display a static header to the visitor, have scrolling disabled on the body element, but still allow for scrolling on the main content area of the site. In this instance you would add the class sessioncammonitorscroll to the main content area of your site.
- On a retail site you may have multiple options to filter products by. These filters may be in a <div> element that is only 100px tall and any overflow is scrollable. In this instance you would add the class sessioncammonitorscroll to the <div> that is scrollable.