patrickdevivo Gravity Support Forums User Favorites: patrickdevivo en-US Mon, 20 Apr 2026 04:44:35 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/scroll-to-form-after-submit#post-4816 Tue, 20 Apr 2010 17:55:43 +0000 Patrick DeVivo 4816@https://legacy.forums.gravityhelp.com/ <p>Glad I could help. Let me know if you need further explanation, or if I'm insulting your intelligence by telling you too much stuff you already know :) </p> https://legacy.forums.gravityhelp.com/topic/scroll-to-form-after-submit#post-4808 Tue, 20 Apr 2010 10:47:18 +0000 awarner20 4808@https://legacy.forums.gravityhelp.com/ <p>Thanks so much for the detailed instructions Patrick, most appreciated! I will be going live with a new site in a month or so and I'm planning on creating quite a few forms. This will be very helpful from a user's perspective.</p> <p>Thanks again, I'll let you know when I get to this:) </p> https://legacy.forums.gravityhelp.com/topic/scroll-to-form-after-submit#post-4778 Mon, 19 Apr 2010 17:54:07 +0000 Patrick DeVivo 4778@https://legacy.forums.gravityhelp.com/ <p>@awarner, you need to have jquery and the ScrollTo plugin loaded on your page. You should use wp_enqueue_script() to load it into the header of your page (or footer). But first, drop this code into your theme's functions.php (loads jquery from Google's CDN:</p> <pre><code>&lt;?php function my_init_method() { wp_deregister_script( &#39;jquery&#39; ); wp_register_script( &#39;jquery&#39; , &#39;http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js&#39;); } add_action(&#39;init&#39;, &#39;my_init_method&#39;); ?&gt;</code></pre> <p>then add this into your header.php, maybe right before &lt;/header&gt;:</p> <p><code>&lt;?php wp_enqueue_script( &#39;jquery&#39;); ?&gt;</code></p> <p>then load in jquery ScrollTo, put the following right above &lt;/header&gt; <code>&lt;script type=&quot;text/javascript&quot; scr=&quot;http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js&quot;&gt;&lt;/script&gt;</code></p> <p>(you should probably download it and serve it from your own server)</p> <p>And then after that add the following right below, still above &lt;/header&gt;</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; if ($(&#39;.validation_error&#39;).length &gt; 0) { $(window).scrollTo( &#39;#contact&#39;); } &lt;/script&gt;</code></pre> <p>where #contact is the id of the element your form is in. Or, if your form ID in gravityforms is 3 say, you could just use #gform_3</p> <p>I don't know if that helps. Hopefully it works. I'm by no means a jquery or javascript expert either. </p> https://legacy.forums.gravityhelp.com/topic/scroll-to-form-after-submit#post-4777 Mon, 19 Apr 2010 15:35:46 +0000 awarner20 4777@https://legacy.forums.gravityhelp.com/ <p>Patrick or Kevin,</p> <p>Can either of you verify where this code snippet should go?</p> <p>@Patrick, thanks for sharing your solution! </p> https://legacy.forums.gravityhelp.com/topic/scroll-to-form-after-submit#post-4746 Sat, 17 Apr 2010 02:19:06 +0000 Kevin Flahaut 4746@https://legacy.forums.gravityhelp.com/ <p>Nice job. Thanks for sharing your script. </p> https://legacy.forums.gravityhelp.com/topic/scroll-to-form-after-submit#post-4745 Fri, 16 Apr 2010 23:47:35 +0000 Patrick DeVivo 4745@https://legacy.forums.gravityhelp.com/ <p>I was able to fix it on my own. Just used some jQuery:</p> <pre><code>if ($(&#39;.validation_error&#39;).length &gt; 0) {&lt;br /&gt; $(window).scrollTo( &#39;#contact&#39;, {easing:&#39;easeOutBounce&#39;} );&lt;br /&gt; }</code></pre> https://legacy.forums.gravityhelp.com/topic/scroll-to-form-after-submit#post-4744 Fri, 16 Apr 2010 21:44:43 +0000 Patrick DeVivo 4744@https://legacy.forums.gravityhelp.com/ <p>Hi there,<br /> I have a small problem which has been somewhat of a nuisance for me the past hour or so. I have a form up at <a href="http://patrickdevivo.com/" rel="nofollow">http://patrickdevivo.com/</a> which is kind of low down on the page. When a user submits it with no errors, everything works fine (try it out, I don't mind). However, if a user makes a mistake, then the form fields are highlighted with errors, but the user is stuck up at the top of the page and probably won't immediately think to scroll down to the form. Do you see what I'm saying?</p> <p>I'm wondering if there is some way to recognize either when a submission has errors, or just when a submission has been made in general, and from that execute a little php which executes a little jquery to scroll down to the form. Do you see?</p> <p>I'm by no means a PHP expert, but any advice would be very helpful.</p> <p>Thanks,<br /> Patrick </p>