Skip to main content

Class-attachment

Utilities for controlling how a background image behaves when scrolling.

Use the v-attachment-* utilities to control the attachment of an element. You can use
the feat: custom feature if you want the attachment align to suit your needs.

Table list attachments​

Class nameProperties
v-attachment-fixed background-attachment: fixed;
v-attachment-local background-attachment: local;
v-attachment-scroll background-attachment: scroll;

The table above presents several types of attachments with different variants.

Example Code​

index.html
<div>
    <span class="v-attachment-fixed" style="background-image('v.png')">  
    </span>
</div>