iFrame scrolling options

[CoopperBackpack]

Hello,

I have deployed my DataPages using the iFrame deployment method. And now I have an issue with my CMS system because of the iFrames.

When I go through the link, the scroll needs to go up but it still in the same place.

How can I fix this?

Thank you in advance. 

[Hastur]

Hello @CoopperBackpack

You need to use some additional JS to handle the scroll
This code needs to be inserted in the Header of the DataPage you  open  through the link:

<script type="text/javascript">
document.addEventListener('DataPageReady', scrollHandler)

function scrollHandler(event) {
 parent.postMessage('scrollHandler', '*');
 document.removeEventListener('DataPageReady', scrollHandler)
};
</script>

This code needs to be placed in your CMS system before the deploy code of the DataPage:

<script>
	window.addEventListener("message", receiveMessage, false);

	function receiveMessage(event){		
		if (event.data === 'scrollHandler') {
			window.scroll(0, 0);
		}		
	}
</script>