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.
Example Scenarios:
- 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 to the <div> that is scrollable.
If you are unsure which element of the page you need to add the class to, you can use the following script:
sessionCamJQuery('div').on('scroll',function(){console.log('scrolling',$(this))})If you run this script in the console on your browser, and then scroll on the elements you’re looking to monitor, it will post the element you are scrolling on back to you in the console.
Once you have located the element that you want to monitor the scrolling for, you will then need to add “sessioncammonitorscroll” as a class to that element. An example of this is shown below:
