fix: Page contents block doesn't stick until end of page

client/js/app.js

@@ -7,7 +7,7 @@ import _ from 'lodash'
 import io from 'socket.io-client'
 import Alerts from './components/alerts.js'
 import 'jquery-smooth-scroll'
-import Sticky from 'sticky-js'
+import 'jquery-sticky'
 
 $(() => {
   // ====================================
@@ -19,7 +19,7 @@ $(() => {
     offset: -70
   })
 
-  var sticky = new Sticky('.stickyscroll') // eslint-disable-line no-unused-vars
+  $('.stickyscroll').sticky({ topSpacing: 15 })
 
   // ====================================
   // Notifications

package.json

@@ -139,13 +139,13 @@
     "jquery-contextmenu": "^2.4.4",
     "jquery-simple-upload": "^1.0.0",
     "jquery-smooth-scroll": "^2.1.2",
+    "jquery-sticky": "^1.0.4",
     "mathjax": "^2.7.1",
     "node-sass": "latest",
     "nodemon": "latest",
     "pug-lint": "latest",
     "snyk": "latest",
     "standard": "latest",
-    "sticky-js": "^1.2.0",
     "twemoji-awesome": "^1.0.6",
     "uglify-js": "latest",
     "vee-validate": "^2.0.0-beta.25",

server/views/pages/view.pug

@@ -61,11 +61,12 @@ block content
                   a(href='/login')
                     i.icon-unlock
                     span Login
-          aside.stickyscroll(data-margin-top=15)
+          aside.stickyscroll
             .sidebar-label
               span Page Contents
             ul.sidebar-menu
-              li: a(href='#root', title='Top of Page') Top of Page
+              li: a(href='#root', title='Top of Page')
+                i.icon-arrow-up2
               +tocMenu(pageData.tree)
 
         .column