如何在单击提交按钮后重新加载页面后滚动到特定div?

我试图做一些奇特的事。 我已成功编写代码以在填写小表单并单击提交按钮时显示数据库中的结果。结果显示在表单下方。 但我觉得如果页面自动向下滚动到包含填充表单结果的div会很好。 我想我必须使用jquery或ajax。 由于我对它们一无所知,我在互联网上搜索了粘贴代码的副本。 但它们都不起作用。

单击提交按钮时,页面将重新加载以从数据库中获取结果。我从网络重新加载时获得了向下滚动到div的代码,但问题是…即使您提交按钮也会发生滚动没有点击。 因此,有人可以仅在单击提交按钮时以及在重新加载页面之后将代码滚动到div。

代码是这样的

--- ------ ------ --- ------ ------ --- ------ ------
//the div i want to scroll down is below one

这是html和php-mysqli中的完整代码

 

Search a Donor

Country:

&nbsp&nbsp&nbsp&nbsp&nbsp --Select-- India

State:

&nbsp&nbsp&nbsp&nbsp&nbsp --Select--

District:

&nbsp&nbsp&nbsp&nbsp&nbsp --Select--

City:

&nbsp&nbsp&nbsp&nbsp&nbsp --Select--

Blood group:

&nbsp&nbsp&nbsp&nbsp&nbsp --Select-- A+ A- B+ B- O+ O- AB+ AB-

您可以在URL中使用锚点。

或者,如果你想要一个流畅的动画,只需在if(isset($_POST['submit']))条件中插入JS代码。 这样,只有在单击提交按钮并重新加载页面时才会发生滚动。

我还建议你使用$(function() { /**/ }); jQuery语法,所以只有在加载DOM时才会发生滚动。

    

滚动到特定div的代码在这里找到: 平滑滚动到div id jQuery

 $("#btn").click(function() { scrollDiv = $("#what"); $(window).scrollTop(scrollDiv.offset().top).scrollLeft(scrollDiv.offset().left); }); 

我希望这段代码有效:

   
Interesting Posts