finishLoading()

Notifies your application after Scrivito has loaded and displayed the content of the current page.

The callback passed to finishLoading().then() is executed after the content of the current page has been fully loaded and displayed.

The example above defers loading Intercom until loading and displaying the page has completed. This way, rendering the page is never blocked by low-priority data transfer. Other use cases are:

  • Execute code that acts on rendered content by, for example, scrolling the initial viewport to a specific element, setting an element’s style based on its current size, and the like.
  • Signal to a prerendering service that the page has been completely rendered.

Returns

A Promise. The Promise resolves after all the pieces of content the current page consists of have been loaded and rendered. The callback passed to finishLoading().then() is executed exactly once.

Notes

finishLoading should be called after your application has been mounted (i.e., after ReactDOM.render has been called).

Examples

Notify a prerender (e.g. prerender.io) that the content is complete, and the page is ready to be saved:

Some libraries depend on resize events to calculate the correct element sizes. In the following example, the SimpleSlider component uses such a library. Therefore, it triggers resize events after Scrivito loading is done, whenever the component is rerendered:

The link of a search result could pass the search term as a URL parameter q. This makes it possible to move the relevant part of the page into view. After the initial page load, this example scrolls to the element that contains the search term. We are using jQuery here: