Advertisement
BaneD

fixed position Iframe embed code with landing on top

Nov 9th, 2015
40
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.91 KB | None | 0 0
  1. <iframe frameborder="0" scrolling="no" style="width: 310px; border: medium none; top: 0px; height: 494px; position: fixed;" src="https://form.jotform.com/52994270123152" allowtransparency="true" onload="window.parent.scrollTo(0,0)" id="JotFormIFrameX"> </iframe> <script type="text/javascript">window.handleIFrameMessage = function (e) { var args = e.data.split(':'); var iframe = document.getElementById('JotFormIFrameX'); if (!iframe) return; switch (args[0]) { case 'scrollIntoView': iframe.scrollIntoView(); break; case 'setHeight': iframe.style.height = args[1] + 'px'; break; case 'collapseErrorPage': if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + 'px'; } break; case 'reloadPage': window.location.reload(); break; } var isJotForm = (e.origin.indexOf('jotform') > - 1) ? true : false; if (isJotForm && 'contentWindow' in iframe && 'postMessage' in iframe.contentWindow) { var urls = { 'docurl': encodeURIComponent(document.URL), 'referrer': encodeURIComponent(document.referrer) }; iframe.contentWindow.postMessage(JSON.stringify({ 'type': 'urls', 'value': urls }), '*'); } }; if (window.addEventListener) { window.addEventListener('message', handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent('onmessage', handleIFrameMessage); } if (window.location.href && window.location.href.indexOf('?') > - 1) { var ifr = document.getElementById('JotFormIFrameX'); var get = window.location.href.substr(window.location.href.indexOf('?') + 1); if (ifr && get.length > 0) { var src = ifr.src; src = src.indexOf('?') > - 1 ? src + '&' + get : src + '?' + get; ifr.src = src; } } window.onscroll = function () { if (window.pageYOffset >= 456) { var ele = document.getElementById('JotFormIFrameX'); ele.style.position = 'fixed'; ele.style.padding - left = '0'; } else { var ele = document.getElementById('JotFormIFrameX'); ele.style.position = 'relative'; ele.style.padding - left = '0';}}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement