diff --git a/app/resources/js/app.js b/app/resources/js/app.js index 4820962..b250184 100644 --- a/app/resources/js/app.js +++ b/app/resources/js/app.js @@ -3,7 +3,7 @@ window.Vue = require('vue'); Vue.component('file-info-modal', require('./components/file-info-modal.vue').default); const app = new Vue({ - el: "#app", + el: '#app', data: function() { return { search: '' @@ -19,17 +19,17 @@ const app = new Vue({ }, mounted: function() { window.addEventListener('keyup', e => e.keyCode == 191 && this.$refs.searchInput.focus()); + + let scrollToTop = this.$refs.scrollToTop; + window.addEventListener('scroll', function() { + if (window.scrollY > 10) { + scrollToTop.classList.remove('hidden'); + } else { + scrollToTop.classList.add('hidden'); + } + }); } }); let hljs = require('highlight.js'); hljs.initHighlightingOnLoad(); - -let link = document.getElementById('scroll-to-top'); -window.addEventListener('scroll', function() { - if (window.scrollY > 10) { - link.classList.remove('hidden'); - } else { - link.classList.add('hidden'); - } -}); diff --git a/app/views/components/scroll-to-top.twig b/app/views/components/scroll-to-top.twig index b5393d7..f562ff8 100644 --- a/app/views/components/scroll-to-top.twig +++ b/app/views/components/scroll-to-top.twig @@ -1,10 +1,10 @@
- +