How to make the confirm page scroll...

User 2576556 Photo


Registered User
14 posts

What about when using the PayPal Payments Integration with the extra step? For some reason the Jquery solution did not work for me?
User 2576556 Photo


Registered User
14 posts

I found this solution and it worked but I want to anchor the page right at the top of the element I want? Anyone know how to edit this code to achieve exact positioning?

put this in your head:

<script language="javascript">
function scrolltotop() {
scroll(0,0);
}
</script>

and add scrolltotop() as onload to your iframe!

<iframe name="iframe" onload="scrolltotop()">
User 2576556 Photo


Registered User
14 posts

Figured it out! You can use this page for more info: https://developer.mozilla.org/en-US/doc … dow.scroll
If you can replace the (0,0) numbers in the above script as those are x and y coordinates!!!
User 187934 Photo


Senior Advisor
20,196 posts
Online Now

Here's another way.
http://www.coffeecup.com/forums/web-for … post237945
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2576556 Photo


Registered User
14 posts

I also realized that simply using a named anchor and linking to it from the form html POST url will work just fine and be much more browser friendly.
I just wanted to report back that I figured out how to get the iframe to load where I want it when the Send button is submitted!!!!! I simply added a named anchor to the Payment Page code found under 'Payment' within the app. Then exported the entire form manually and then opened the html file and appended the end of the 'POST' url at the top of the code with the link to the anchor like this: form.php#topofiframe

Now when I click the Send button on the first step of the form the page reloads exactly where I want it!
Simply html no Javascript necessary!
User 187934 Photo


Senior Advisor
20,196 posts
Online Now

I like to make hacks that are S-Drive friendly.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2642607 Photo


Registered User
33 posts

Kenny Berwager wrote:
I also realized that simply using a named anchor and linking to it from the form html POST url will work just fine and be much more browser friendly.
I just wanted to report back that I figured out how to get the iframe to load where I want it when the Send button is submitted!!!!! I simply added a named anchor to the Payment Page code found under 'Payment' within the app. Then exported the entire form manually and then opened the html file and appended the end of the 'POST' url at the top of the code with the link to the anchor like this: form.php#topofiframe

Now when I click the Send button on the first step of the form the page reloads exactly where I want it!
Simply html no Javascript necessary!


I also have a form that is half way down the page and after submit the page goes to the top so causing confusion if success or not.

I tried to implement your solution but I could not get it working, here's what I tried:

In customize payment I added the anchor directly below </style>:
<a name="topofiframe"></a>
[_cart_summary_]
<h2>Almost done! </h2>
<p>Your order will not be processed until you click the payment button below.</p>
<a id="fb_goback"href="?action=back">Back to form</a></center>


In the form html file I tried adding both these lines but neither changed where the page opens on submit:
form.php#topofiframe

when this not work I tried this instead:
form.php="#topofiframe"


I tried adding it to the end of this line as suggested:
method="post" novalidate="novalidate" data-form="manual_iframe">


When both the above did not produce the correct result I stopped experimenting because this is a live site.

I was wondering if I should have entered the anchor code on this line of the form html page:

<a class="fb-link-logo" id="fb-link-logo1" style="max-width: 104px;" target="_blank">


I've tried a few other suggested solutions but none seem to be successful across all browsers. I like the idea of using anchors.

Did anyone get this working?
If yes could you provide some guidance on how exactly to implement it?
User 38401 Photo


Senior Advisor
10,951 posts

I had this issue a little while ago myself, and the solution was to turn off Autofocus. You will find this on the Form Options tab of your form on the right side of the window about 3/4 of the way down the list of options. Click that dropdown to "Off" and try and see if that fixes it. Fixed it for me! Good luck!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.