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>