Create a data element containing scroll height of a popup | Community
Skip to main content
New Participant
January 6, 2020
Solved

Create a data element containing scroll height of a popup

  • January 6, 2020
  • 2 replies
  • 5163 views

Hi all!

 

I want to create a data element that saves the distance a customer scrolls within a popup. I can return the value I'm after in the browser console using the following:

 

// Full height of div including scroll var totalHeight = $("#myDialogContent")[0].scrollHeight; // Initial height of div that needs to be subtracted var initialHeight = $("#myDialogContent")[0].clientHeight; // Actual element height value var height = totalHeight - initialHeight; // Scroll depth var scroll = $("#myDialogContent").scrollTop(); var scrollPercentage = (scroll/height) * 100; var rounded = Math.round(scrollPercentage); return rounded;

 

This is the code I've used in the data element. However, when I try to return the value of the data element in the browser I get undefined each time.

 

Any help would be greatly appreciated. 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by philipk92120636

This worked when I added it into a rule. I don't know why it didn't return through the console but I created a dummy data element change rule referencing the data element created using the above code and it worked as required.

2 replies

philipk92120636AuthorAccepted solution
New Participant
January 8, 2020

This worked when I added it into a rule. I don't know why it didn't return through the console but I created a dummy data element change rule referencing the data element created using the above code and it worked as required.

franzli
New Participant
January 6, 2020

Might need some more context here. What kind of popup is it? Is it a whole new window popup? If so, you will need to make sure Launch is implemented on it as well.

New Participant
January 7, 2020
It's not a new window (or content in an iframe from a third-party source). It's a modal that simply alternates between display:none and display:block on click of an open or close button. We have Launch coverage on the popup.