PACE JS - Page Load Only

Question

PACE JS - Page Load Only

Navigation

#1 by (2 votes)
#2 by (1 votes)

1

I'm using this plugin, Page.JS - link - to make a progress bar on the site.

I'm calling it like this:

<script src='js/vendor/pace.min.js' data-pace-options='{ "elements": false, "startOnPageLoad": true, "restartOnRequestAfter": false }'></script>

It is partially working. When I enter the page loads the progress bar.

The problem is that this is happening on every request. As it is a Single Page my site, I have a script that when scrolling the screen goes changing the URL. For example, I have a MENU like this:

Home Contact
Products

And when you scroll for a particular session, you're doing localhost/pagina#home , localhost/pagina#contato and so it goes.

And when I scroll the page, the progress bar appears.

I'm not understanding how this plugin works.

javascript plugin

asked by anonymous 03.09.2015 / 13:52

2 answers

1

You can try to add ignoreURLs to options:

Pace.options = {
  ajax: {
    ignoreURLs: ['some-substring', /some-regexp/]
  }
}

03.09.2015 / 14:01

Why does Netbeans IDE not automatically delete Build from a web java application that was imported? [closed] CSS background-blend-mode in IE (Edge)

score 2 · Accepted Answer

By default , this plugin adds the progress bar for all jQuery events, if you need only in the page load event, you can keep "startOnPageLoad": true and add "ajax": false to avoid displaying to each request. Staying like this:

<script src='js/vendor/pace.min.js' data-pace-options='{ "elements": false, "startOnPageLoad": true, "ajax": false, "restartOnRequestAfter": false }'></script>