Make desktop docs-nav sticky on scroll

2021-12-15 21:31:00 -05:00
parent 3d4367f5ca
commit 84f9c67f09
3 changed files with 22 additions and 2 deletions
--- a/frontend/src/app/components/docs/api-docs.component.ts
+++ b/frontend/src/app/components/docs/api-docs.component.ts
@@ -17,6 +17,7 @@ export class ApiDocsComponent implements OnInit {
  code: any;
  baseNetworkUrl = '';
  @Input() restTabActivated: Boolean;
+  docsNavPosition = "relative";

  constructor(
    private stateService: StateService,
@@ -35,6 +36,16 @@ export class ApiDocsComponent implements OnInit {
      })
    );

+    //to toggle fixed menu for desktop navigation
+    let that = this;
+    window.addEventListener('scroll', function() {
+      if( window.pageYOffset > 182 ) {
+        that.docsNavPosition = "fixed";
+      } else {
+        that.docsNavPosition = "relative";
+      }
+    });
+
    if (document.location.port !== '') {
      this.hostname = `${this.hostname}:${document.location.port}`;
    }