jump.js | A modern smooth scrolling library | RecyclerView library

I am trying to make a very simple google dinosaur style game, where an "obstacle" constantly slides towards the "character". To do that, I have made some css code exactly the way the guy in the tutorial did it. I included a snippet of it below.

i have two buttons one with a class of 'arrow-up' and the other one with a class of 'arrow-down'. If you click on the 'arrow-down' button, the page will scroll down to the next section, and if you click the 'arrow-up' button, it will scroll up to the previous section, all of which is made with the library 'jump.js'.

The problem is whenever the user clicks multiple times on either button, the animation breaks. What I want to do is when the user clicks a button, he should wait until the animation finishes (1 - 2 seconds), then be able to reclick it.

Here is the code, or actually the onClick event :

I'm trying to create a game with Cocos Creator. I'm using more than one file in the game. Like Game.js GameOver.js Jump.js etc. I'm collecting scores with GainScore.js. I have to send final score to GameOver.js file. I show the score properly during the game. But when the game is over I have to send it to the other screen. How can I use the game score as global?

My gainScore function:

I need to use addPrefetchExcludes to register a dynamic route at runtime.

It needs to be placed before the the app code addPrefetchExcludes Docs

But i'm getting this error:

I'm have that line before the declaration of the App function

I have a page where all sections fill the entire screen and are positioned with CSS position: sticky; in order to achieve a layered effect. See here:

https://codesandbox.io/s/ecstatic-khayyam-cgql1?fontsize=14&hidenavigation=1&theme=dark

This all works great and as expected.

The problem comes however from navigating between these areas with JavaScript. If you try using the menu, you can see that the links will work on sections that we haven't fully gotten to yet (and therefore not "sticky") but does not allow you to "go back up" the page.

I believe this is an issue with el.getBoundingClientRect() once an element has become "sticky", its top value becomes essentially always zero.

Here I am using a small library called Jump.js to jump around but even in vanilla JS this issue would still be the same, as the problem is a result of the calculation from when the element becomes sticky.

Is there any way to find the original position for each section before it was sticky? At least that way I could navigate the user by setting the scroll position manually.

I am using Vue.js but that does not affect the issue at hand which is CSS and JS related.

App.vue

I have two radio Buttons in my Page ( Client And Owner ) And i want the user to be redirected to the Client.html page if he chekcs the Client button and redirected to Owner.html if he chekcs the Owner button. Here is my code :