JQuery code smooth sliding effect

wants to achieve an effect, that is, when url displays-sharpanchor_1 anchor_2

The current effect of being able to slide smoothly when the anchor is

is very stiff.
looks up a lot of things that need to be clicked on the Internet, and it"s all through the an element, which is realized by adding an id to the table

.

ask for js!

html is as follows

<div class="content-wrapper">
  <!-- section header -->
  <section class="content-header">
    <h1></h1>
  </section>

  <!-- section meiboex -->
  <section class="content container-fluid">
    <div class="row">
      <div class="col-md-11">

        <div class="box box-default">
          <div class="box-header with-border">
            <h3 class="box-title"></h3>
          </div>

          <div class="box-body">
            <table class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info" id="anchor_1">
              <tbody>
                <tr role="row" class="odd">
                  <td class="text-center">1</td>
                  <td class="text-center">2</td>
                  <td class="text-center">3</td>
                  <td class="text-center">4</td>
                  <td class="text-center">
                    <div class="section-row" style="display:inline-flex">
                      <button type="submit" class="btn btn-primary btn-xs angle-up item-up">
                        <i class="fa fa-angle-up" aria-hidden="true"></i>
                      </button>
                      <button type="submit" class="btn btn-primary btn-xs angle-down item-down">
                        <i class="fa fa-angle-down" aria-hidden="true"></i>
                      </button>
                    </div>
                  </td>
                </tr>
                <tr role="row" class="odd">
                  <td class="text-center">1</td>
                  <td class="text-center">2</td>
                  <td class="text-center">3</td>
                  <td class="text-center">4</td>
                  <td class="text-center">
                    <div class="section-row" style="display:inline-flex">
                      <button type="submit" class="btn btn-primary btn-xs angle-up item-up">
                        <i class="fa fa-angle-up" aria-hidden="true"></i>
                      </button>
                      <button type="submit" class="btn btn-primary btn-xs angle-down item-down">
                        <i class="fa fa-angle-down" aria-hidden="true"></i>
                      </button>
                    </div>
                  </td>
                </tr>
                <tr role="row" class="odd">
                  <td class="text-center">1</td>
                  <td class="text-center">2</td>
                  <td class="text-center">3</td>
                  <td class="text-center">4</td>
                  <td class="text-center">
                    <div class="section-row" style="display:inline-flex">
                      <button type="submit" class="btn btn-primary btn-xs angle-up item-up">
                        <i class="fa fa-angle-up" aria-hidden="true"></i>
                      </button>
                      <button type="submit" class="btn btn-primary btn-xs angle-down item-down">
                        <i class="fa fa-angle-down" aria-hidden="true"></i>
                      </button>
                    </div>
                  </td>
                </tr>
              </tbody>                    
            </table>
          </div>

        </div>

      </div>
    </div>
  </section>
  
  <!-- section catagory -->
  <section class="content container-fluid">
    <div class="row">
      <div class="col-md-11">

        <div class="box box-default">
          <div class="box-header with-border">
            <h3 class="box-title"></h3>
          </div>

          <div class="box-body">
            <table class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info" id="anchor_2">
              <tbody>
                <tr role="row" class="odd">
                  <td class="text-center">1</td>
                  <td class="text-center">2</td>
                  <td class="text-center">3</td>
                  <td class="text-center">4</td>
                  <td class="text-center">
                    <div class="section-row" style="display:inline-flex">
                      <button type="submit" class="btn btn-primary btn-xs angle-up item-up">
                        <i class="fa fa-angle-up" aria-hidden="true"></i>
                      </button>
                      <button type="submit" class="btn btn-primary btn-xs angle-down item-down">
                        <i class="fa fa-angle-down" aria-hidden="true"></i>
                      </button>
                    </div>
                  </td>
                </tr>
                <tr role="row" class="odd">
                  <td class="text-center">1</td>
                  <td class="text-center">2</td>
                  <td class="text-center">3</td>
                  <td class="text-center">4</td>
                  <td class="text-center">
                    <div class="section-row" style="display:inline-flex">
                      <button type="submit" class="btn btn-primary btn-xs angle-up item-up">
                        <i class="fa fa-angle-up" aria-hidden="true"></i>
                      </button>
                      <button type="submit" class="btn btn-primary btn-xs angle-down item-down">
                        <i class="fa fa-angle-down" aria-hidden="true"></i>
                      </button>
                    </div>
                  </td>
                </tr>
                <tr role="row" class="odd">
                  <td class="text-center">1</td>
                  <td class="text-center">2</td>
                  <td class="text-center">3</td>
                  <td class="text-center">4</td>
                  <td class="text-center">
                    <div class="section-row" style="display:inline-flex">
                      <button type="submit" class="btn btn-primary btn-xs angle-up item-up">
                        <i class="fa fa-angle-up" aria-hidden="true"></i>
                      </button>
                      <button type="submit" class="btn btn-primary btn-xs angle-down item-down">
                        <i class="fa fa-angle-down" aria-hidden="true"></i>
                      </button>
                    </div>
                  </td>
                </tr>
              </tbody>                    
            </table>
          </div>
        </div>
      </div>
    </div>
  </section>
  
</div>
Jan.13,2022

  jquery.animate ()  

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bdc158-30b13.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bdc158-30b13.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?