Support Forum
Embedded iframe scrolls down the page - Thu - Mar 16, 2023 - 11:54am
-
At times, using the iframe code will cause a website to autoscroll down to the event listing or cause other unwanted behavior that jumps down the page.
Embed ThunderTix events on a blank page -- not a home page
The auto-scroll provides a better overall experience for the ticket buyer by resetting the page back to the top of the ThunderTix page to ensure the customer is never looking at a blank area of the page. Generally, the best option is to embed the ThunderTix event on a "blank" page on your website dedicated to the event purchase only. That way, the scroll goes right into the area of the purchase process where it should rather than skipping relevant content on the parent website.
If you do not want to jump down to the ThunderTix listings, one of these ideas may help:
1. Removing scrolling
If your goal is to simply remove scrolling, you can try this:
This seems to be dependent on the primary website. Sometimes removing one or both of the following bits of code from your iframe code will work:scrolling="auto"
2. Or:<script type="text/javascript"> //<![CDATA[ document.querySelector('iframe.iframe-class').onload = () => { document.querySelector('iframe.iframe-class').scrollIntoView({behavior: 'smooth', block: 'start', inline: 'nearest'}); }; //]]> </script>
3. Or:
Add this to the iframe source code:style="position: absolute; top: -9999em; visibility: hidden;" onload="this.style.position='static'; this.style.visibility='visible';"
Some times the changes will not fix the issue. If that is the case, we suggest you link directly to our ThunderTix page found in the arrow icon in the upper right corner, then click View Public Display. You can even color or style it in the CSS tab of the left menu.
View Our Video Tutorials
Related Discussions
Why do my events not show up on the public buy page?
I've added an event description on a new event, but it's not appearing.
My thermal tickets are not printing correctly.
My complete event title is too long to fit on the pdf ticket
Why is the credit card swipe submitting the card twice?
I see the same error message every time I login?
Helping us troubleshoot when you run into an issue