Parts UI - Scripts

Toggle

At the end of the page, before the closing </body> tag, plug in jQuery and parts-ui.min.js file. Install it locally in your project, or hook up from the server:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" defer="defer"></script>

Copied

<script src="https://partsui.com/files/release/js/partsui.min.js" defer="defer"></script>

Copied

Download JS

jQuery library is not included, thus should be downloaded individually

CSS classes

When using JS, depending on some circumstances of the user's interaction with the page, css-classes are dynamically assigned to document <html> and <body> elements.

.page-is-loaded

Gets <body> after full page load

.touch-device

Gets <body> if the page is opened from a touch device

.scroll-direction-up
.scroll-direction-down

Gets <body> depending on which direction the page is scrolled

scroll-direction-up

scroll-direction-down

.document-has-scroll
.document-without-scroll

Gets the document <body>, depending on whether the page has a vertical scrollbar

The project is being tested and under development

If you find a mistake or have ideas for the development of the project - send a message