Monitoring scrolling for sub elements on the page
SessionCam will automatically monitor any scrolling events against the <body> element on your page.
If you have other elements that have scrolling in them (such as DIV's) then you would need to add the following class to them for SessionCam to monitor the scrolling. The class would be called "sessioncammonitorscroll".
A couple of examples of this may be:
- On a responsive site you may display a static header to the user, have scrolling disabled on the body element, but 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 for filtering products, 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.