# Static UI

**URL:** <https://phaser.discourse.group/t/static-ui/8388>\
**Category:** Phaser 3\
**Created:** [December 16, 2020, 1:36pm UTC](https://phaser.discourse.group/t/static-ui/8388 "2020-12-16T13:36:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![knighter](https://avatars.discourse-cdn.com/v4/letter/k/71e660/32.png) [@knighter](https://phaser.discourse.group/u/knighter)\
**Post date:** [December 16, 2020, 1:36pm UTC](https://phaser.discourse.group/t/static-ui/8388/1 "2020-12-16T13:36:50Z")

</div>

Hi there.

How can I implement a static UI? For ex., there are 4 static ui items (grey blocks) and scrollable field (white area). Field scrolling was implemented by main camera moving.  
Problem is a ui blocks scrolling together with white area.

![screen](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/2/2a4361270aef1575854af8cc405e26c01125c422.png)

---

<div class="post-metadata">

**Author:** ![Telinc1](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/telinc1/32/60_2.png) [@Telinc1](https://phaser.discourse.group/u/Telinc1)\
**Post date:** [December 16, 2020, 3:31pm UTC](https://phaser.discourse.group/t/static-ui/8388/2 "2020-12-16T15:31:19Z")

</div>

Put the UI in a [separate scene](http://labs.phaser.io/edit.html?src=src%5Cscenes%5Cui%20scene.js). For very simple elements, you can also use [`scrollFactor`](http://labs.phaser.io/edit.html?src=src/camera%5Cset%20scroll%20factor.js), but I wouldn’t recommend it.