# Demos

{% hint style="info" %}
Example demo scenes are under **Assets\SGT3V\Scroll Snap\Demos** folder.
{% endhint %}

### 1 - Scroll Snap Basic

This is a basic implementation of the component and what you will get when you add it to your scene from the Hierarchy **UI/ScrollSnap** context menu.

![](https://1300543714-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbMsjLrh9Qld4Ta1Xym%2F-MbQkBL_lhCIaNea6wpV%2F-MbQlq8X5NaHD3fSlBdr%2Fbasic.gif?alt=media\&token=94802f01-0865-47c9-9744-18b8a6d26e9f)

### 2 - Scroll Snap Index Table

In some cases having a shortcut for jumping to other pages with one click can help. This example scene will show you how **Index Table** helps you achieve that.

![](https://1300543714-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbMsjLrh9Qld4Ta1Xym%2Fuploads%2Fv8nPYPIdQ3BT1JTxATwk%2Findex-table.gif?alt=media\&token=f21a03d5-3604-4fbb-9bc1-b9ea466fee5e)

### 3 - Scroll Snap Use ScrollAmount

Using **ScrollAmount** value can help you create smooth transform changes, animations, and blending effects. This example shows a 3-page carousel with scale and color changes.

 You can refer to the **Demos/Scripts/ResizeAndBlend.cs** file to see the details.

![](https://1300543714-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbMsjLrh9Qld4Ta1Xym%2F-MbQpfdbtoJAmzIJxH0s%2F-MbQrG0VUJL4nNnTjeSn%2Fscrollamout.gif?alt=media\&token=4982a8bd-c03d-445d-a05c-811c2c938eac)

### 4 - Scroll Snap With Buttons

This example shows how to use Scroll Snap with button controls. The up button decrements the **CurrentPageIndex** and the down button increments it. Button functions are named due to the axis and alignment of the component in this example.

You can refer to the **Demos/Scripts/ChangeIndex.cs** file to see the details.

![](https://1300543714-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbMsjLrh9Qld4Ta1Xym%2F-MbQn9j4Xph8Vbbrw0dP%2F-MbQoUYkZivUlotq_Dwp%2Fwithbuttons.gif?alt=media\&token=ad7e6845-c6f2-4975-846a-e7784b27b4d5)

### 5 - Scroll Snap With Multiple Pages

Using the right alignment and sizes you can create a category and page structure in your game using Scroll Snap. One ScrollSnap component can be made to follow the changes on another one.

 You can refer to the **Demos/Scripts/FollowOnSnap.cs** file to see the details.

![](https://1300543714-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbMsjLrh9Qld4Ta1Xym%2F-MbQpfdbtoJAmzIJxH0s%2F-MbQtR5mCd9f-8Y0fXKB%2Fmultipage.gif?alt=media\&token=1a7ce374-78b6-4160-901c-3016fa15b6c0)

###

### 6 - Scroll Snap Infinite

This demo demonstrates a basic implementation of the **Scroll Snap Infinite** component.

![](https://1300543714-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbMsjLrh9Qld4Ta1Xym%2F-McB7DJjpVx2xnZNWqpW%2F-McB8n2LM92TsS6R4nk_%2Finfinite.gif?alt=media\&token=0d447149-c4b9-4c11-8374-05d6cb468cd9)