在php代码之后滚动到div_Php_Jquery_Html

在php代码之后滚动到div

php jquery html

在php代码之后滚动到div,php,jquery,html,Php,Jquery,Html,您好，我想在运行php代码后滚动到一个div，当我按下按钮时，它会搜索数据库并发布到位于该div中的表 <?php session_start(); include_once 'includes/dbh.php'; if(isset($_POST['search'])) { $searchvalue = $_POST['searchvalue']; $query = "SELECT * FROM `users` WHERE CONCAT(`user_id`, `user_u

您好，我想在运行php代码后滚动到一个div，当我按下按钮时，它会搜索数据库并发布到位于该div中的表

<?php
session_start();
include_once 'includes/dbh.php';
if(isset($_POST['search']))
{
    $searchvalue = $_POST['searchvalue'];
    $query = "SELECT * FROM `users` WHERE CONCAT(`user_id`, `user_username`, `user_password`, `user_name`, `user_gender`, `user_age`, `user_contact`, `user_email`, `user_address`, `user_industry`, `user_findout`, `user_admin`) LIKE '%".$searchvalue."%'";
    $result = mysqli_query($conn,$query);
    echo"
    <script type='text/javascript'>
    $(document).ready(function () {
            $('html,body').animate({
                scrollTop: $('.graph').offset().top
            },
                'slow');
        })
    </script>";
else
{
    $query = "SELECT * FROM `users`";
    $result = mysqli_query($conn,$query);
}

?>

会话_start（）

必须在任何

HTML

输出之前，这意味着在

标记上方的某个位置。代码的其余部分应位于文档的

正文

，以便您可以运行

脚本

另外，使用

$（window.load（）

而不是

$（document）.ready（）

确保加载整个HTML页面，包括

CSS

和

javascript

文件

以下是更正的代码：

<?php
    session_start();
    include_once 'includes/dbh.php';
?>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
<?php
if(isset($_POST['search']))
{
  // at least use some kind of escaping.. (Use prepared statements!)
  $searchvalue = mysqli_real_eascape_string($conn, $_POST['searchvalue']);
  $query = "SELECT * FROM `users` WHERE CONCAT(`user_id`, `user_username`, `user_password`, `user_name`, `user_gender`, `user_age`, `user_contact`, `user_email`, `user_address`, `user_industry`, `user_findout`, `user_admin`) LIKE '%".$searchvalue."%'";
  $result = mysqli_query($conn,$query);
  echo '<script type="text/javascript">
     $( window ).load(function()
     {
          $("html,body").animate({
              scrollTop: $(".graph").offset().top
          },
             "slow");
     });
  </script>';
else
{
    $query = "SELECT * FROM `users`";
    $result = mysqli_query($conn,$query);
}
?>
</body>

</html>


文件标题

注意：为了使您的应用程序更安全，我建议查看mysqli编写的语句。阅读准备好的声明：。

到目前为止，你为了让它发挥作用，做了哪些让你感到困惑的事情？您发布的PHP是从ajax调用的吗？您没有包含任何js代码示例。我尝试了echo“function（）{$（'html，body'）。animate（{scrollTop:$（'.graph'）。offset（）.top}，'slow'）；}”；在php编码之后，您可以向我们提供html和jquery吗？请尝试将

animate

函数封装在

$（document）.ready（function（）{…}）中

block as

。在加载页面之前，graph

可能不存在编辑不起作用，因为它似乎在重新加载页面之前运行javascript@Steve TYou您的代码和

中缺少对jQuery的引用。非常感谢它起作用@史蒂文：你说得对，我错过了一份推荐信。可能OP的脚本加载在

正文

的底部，可能加载在

头部

或其他地方，这是不相关的。这就是为什么我使用了

window.load

方法，以确保

jquery

已加载到OP放置的任何位置。这就是为什么我没有添加

jquery

，以保持它的简单性。对于<代码> div <代码>（OP也没有显示DIV）。“YL2201欢迎您：”请考虑<代码>准备好的语句<代码> <代码> MySqLI>代码>，代码< MySQL < /C> >和<代码> mySqLI>代码>的主要区别是<>代码>准备语句，和…

mysqli

中的

代表

improved

。否则，您很容易受到SQL注入攻击。和平