Jquery Scroll函数

Question

在div中有一个搜索按钮，在另一个div.What中有一个表，当用户单击一个按钮时，这个Jquery函数将在页面加载后向他/她显示该表的内容。我正在使用Jquery函数，但我的end.Your帮助不起作用。

HTML：

<div class="col-md-4 search-btn">
   <button id="scroll" type="submit" name="submit" class="btn btn-primary">Search</button>
</div>

这是一个我希望用户滚动到的表：

<div class="table-responsive">
  <table class="table table-bordered table-striped">
                    <thead style="font-weight:bold; background-color:cornflowerblue;">
                        <tr align="center">
                            <td>No.</td>
                            <td>Title</td>
                            <td>Author</td>
                            <td>Publication</td>
                            <td>Status</td>
                        </tr>
                    </thead>
                    <tbody>
                        <?php

                            foreach ($display as $key) { ?>

                        <tr align="center">
                            <td><?php echo $count++;?></td>
                            <td><?php echo $key['ebook_title'];?></td>
                            <td><?php echo $key['ebook_author'];?></td>
                            <td><?php echo $key['ebook_publication'];?></td>
                            <td>
                                <a href="./admin/ebooks/<?php echo $key['ebook_url'];?>" type="application/octet-stream" class="btn btn-round btn-info" download>Download</a>
                            </td>
                        </tr>
                        <?php } ?>

                    </tbody>
                </table>
            </div>

Jquery：

 <script type="text/javascript">
 $("#scroll").click(function() {
    $('html,body').animate({
        scrollTop: $(".table").offset().top},
        'slow');
});
 </script>

Answer 1

它在这里工作得很好：https://jsfiddle.net/nfb5zc3d/您确定JavaScript是在HTML之后吗？否则，它将无法将事件绑定到#滚动按钮。

如果要在重新加载页面后滚动，则必须使用PHP将JavaScript注入页面，例如：

    <?php
    if(isset($_POST['submit'])) {
    ?>
    <script>
      $( document ).ready(function() {
         $('html,body').animate({
           scrollTop: $(".table").offset().top},
           'slow');
      });
    </script>
    <?php
    }
    ?>