如何将滚动条（水平）指针移动到特定位置？

Question

我在页面底部有一个分页。每次点击分页页面后都会用新数据刷新并且被点击的数字被突出显示..滚动条是水平的，如下图所示。

当我点击到最后一个分页数时，这个没有被突出显示但滚动条拇指没有被移动。

这是我的分页代码：

    .pagination::-webkit-scrollbar {

          background-color:#D9D9D9;

          height:5px;

     }

    .pagination::-webkit-scrollbar-thumb {

               -webkit-box-shadow: inset 0 0 6px #0C62B3;

    }

    <ul class="pagination">

                    @for (int i = 1; i <= Model.PageCount; i++)

                    {

                        if (i != Model.CurrentPageIndex)

                        {

                                <li class="page-item"><a class="page-link" href="javascript:PagerClick(@i);">@i</a></li>

                        }

                        else

                        {

                               <li class="page-item active"><a class="page-link" href="javascript:PagerClick(@i);">@i</a></li>

                        }

                    }

    </ul>  

我试图为滚动条提供硬编码值：

          $(document).ready(function () {

              var navwidth = $('.pagination');

              navwidth.scrollLeft(navwidth.scrollLeft() - 200);

          });

但什么也没发生..