Hi Siegert,
I'm going to expand on Dan's comment a little bit. jQuery by itself doesn't provide this sort of tracking. However, I took a look at your site and it looks like you are already using the Viewports jQuery plugin. We can use that to monitor which elements are visible within the visitor's viewport.
To setup the tracking you'll need to create a new JavaScript extension scoped to DOM Ready that will handle the event tracking. Inside the extension you can specify what should happen when a visitor scrolls into a new section.
Here is an example you can try:
// This var remembers the previous section for us
var previous = "";
// Watch for scroll events
jQuery(window).on("scroll", function(event) {
var message = "";
// When a section element is in view
jQuery("section:in-viewport").each(function() {
message = message + jQuery(this).attr("id");
});
// If the section is different than the last one
if (message != previous) {
setTimeout(function(){
// Run code here after 2 seconds
}, 2000);
previous = message;
}
});
... View more
Expand/CollapseMenu
