app/assets/javascripts/numbered_pagination.js

   1 (function () {
   2   $(document).on("numbered_pagination:center", function () {
   3     const [scrollableList] = $("#versions-navigation-list-middle");
   4
   5     if (!scrollableList) return;
   6
   7     const [activeStartItem] = $("#versions-navigation-list-start #versions-navigation-active-page-item");
   8     const [activeScrollableItem] = $("#versions-navigation-list-middle #versions-navigation-active-page-item");
   9
  10     if (activeStartItem) {
  11       scrollableList.scrollLeft = 0;
  12     } else if (activeScrollableItem) {
  13       scrollableList.scrollLeft = Math.round(activeScrollableItem.offsetLeft - (scrollableList.offsetWidth / 2) + (activeScrollableItem.offsetWidth / 2));
  14     } else {
  15       scrollableList.scrollLeft = scrollableList.scrollWidth - scrollableList.offsetWidth;
  16     }
  17   });
  18 }());