♻️ refact to extract offset logic in utils

Author: dbendaou

app/components/ember-anchor.js

@@ -1,18 +1,9 @@
 import { get } from '@ember/object';
 import AnchorComponent from 'ember-anchor/components/ember-anchor';
 import config from 'ember-api-docs/config/environment';
+import getOffset from 'ember-api-docs/utils/get-offset';
 
 export default AnchorComponent.extend({
-  getOffset(element, container) {
-    let offsetTop = element.offsetTop;
-    let parent = element.offsetParent;
-    while (parent != null && parent != container) {
-      offsetTop  += parent.offsetTop;
-      parent = parent.offsetParent;
-    }
-    return offsetTop;
-  },
-
   // This overrides Ember Anchor to support scrolling within a fixed position element
   _scrollToElemPosition() {
     let qp = this.anchorQueryParam;
@@ -21,7 +12,7 @@ export default AnchorComponent.extend({
     let offset = elem.offsetHeight ? elem.offsetHeight : 0;
 
     if (offset) {
-      const offsetTop = this.getOffset(elem, config.APP.scrollContainerSelector)
+      const offsetTop = getOffset(elem, config.APP.scrollContainerSelector)
       document.querySelector(config.APP.scrollContainerSelector).scrollTo(0, offsetTop);
     }
   }

app/mixins/scroll-tracker.js

@@ -1,7 +1,7 @@
 import Mixin from '@ember/object/mixin';
 import { inject as service } from '@ember/service';
-import $ from 'jquery';
 import config from 'ember-api-docs/config/environment';
+import getOffset from 'ember-api-docs/utils/get-offset';
 
 export default Mixin.create({
 
@@ -15,10 +15,12 @@ export default Mixin.create({
     didTransition() {
       this._super();
       if ((typeof FastBoot === 'undefined') && window.location.search === '?anchor=' ) {
-        let elem = $('#methods');
-        let offset = elem.offset() ? elem.offset().top : 0;
+        let elem = document.querySelector('#methods');
+        let offset = elem.offsetHeight ? elem.offsetHeight : 0;
+
         if (offset) {
-          $(config.APP.scrollContainerSelector).scrollTop(offset - 10);
+          const offsetTop = getOffset(elem, config.APP.scrollContainerSelector)
+          document.querySelector(config.APP.scrollContainerSelector).scrollTo(0, offsetTop - 10);
           return;
         }
       }

app/utils/get-offset.js

@@ -0,0 +1,9 @@
+export default function getOffset(element, container) {
+  let offsetTop = element.offsetTop;
+  let parent = element.offsetParent;
+  while (parent != null && parent != container) {
+    offsetTop  += parent.offsetTop;
+    parent = parent.offsetParent;
+  }
+  return offsetTop;
+}