# Scroller > A vertical or horizontal scrollbar. For more information, refer to UXML element Scroller. ## Definition * **Type:** Class * **Namespace:** [UnityEngine.UIElements](/engine/6000.5/script-reference/unityengine/uielements.md) * **Assembly:** UnityEngine.UIElementsModule * **Inherits from:** [VisualElement](/engine/6000.5/script-reference/unityengine/uielements/visualelement.md) * **Implements:** [IEventHandler](/engine/6000.5/script-reference/unityengine/uielements/ieventhandler.md), [IResolvedStyle](/engine/6000.5/script-reference/unityengine/uielements/iresolvedstyle.md), [ITransform](/engine/6000.5/script-reference/unityengine/uielements/itransform.md), [ITransitionAnimations](/engine/6000.5/script-reference/unityengine/uielements/experimental/itransitionanimations.md), [IExperimentalFeatures](/engine/6000.5/script-reference/unityengine/uielements/iexperimentalfeatures.md), [IVisualElementScheduler](/engine/6000.5/script-reference/unityengine/uielements/ivisualelementscheduler.md), [ICustomStyle](/engine/6000.5/script-reference/unityengine/uielements/icustomstyle.md) ```csharp [Icon("UIToolkit/Icons/Scroller.png")] public class Scroller : VisualElement, IEventHandler, IResolvedStyle, ITransform, ITransitionAnimations, IExperimentalFeatures, IVisualElementScheduler, ICustomStyle ``` ## Remarks Each ScrollView has a Scroller for each axis, controlled by [ScrollerVisibility](/engine/6000.5/script-reference/unityengine/uielements/scrollervisibility.md). For more information, refer to [ScrollView](/engine/6000.5/script-reference/unityengine/uielements/scrollview.md). If a Scroller is used in ScrollView, its [\_highValue](/engine/6000.5/script-reference/unityengine/uielements/scroller/highvalue.md) and [\_lowValue](/engine/6000.5/script-reference/unityengine/uielements/scroller/lowvalue.md) are automatically overridden to match the ScrollView content size on [GeometryChangedEvent](/engine/6000.5/script-reference/unityengine/uielements/geometrychangedevent.md). A Scroller contains a [Slider](/engine/6000.5/script-reference/unityengine/uielements/slider.md) and two [RepeatButton](/engine/6000.5/script-reference/unityengine/uielements/repeatbutton.md)s for scrolling. The following example creates a scroller independently from a ScrollView: ## Examples ```csharp using System; using UnityEngine; using UnityEngine.UIElements; [RequireComponent(typeof(UIDocument))] public class Scroller_Example : MonoBehaviour { // To use this example in runtime, add a UIDocument component to your Scene and attach a UXML file to the UIDocument component. // The UXML file can be empty. public UIDocument uiDocument; public int minXValue = 20; public int maXValue = 80; private void Start() { var ballBlocker = new VisualElement(); ballBlocker.style.width = 20; ballBlocker.style.height = 10; ballBlocker.style.backgroundColor = Color.red; var horizontalScroller = new Scroller(minXValue, maXValue, null, SliderDirection.Horizontal); var minLabel = new Label($"Minimum Value: {minXValue}"); var maxLabel = new Label($"Maximum Value: {maXValue}"); var ballBlockerLabel = new Label($"Ball Blocker Position: {ballBlocker.style.left}"); ballBlocker.style.left = horizontalScroller.value; // The width of the Scroller is independent of its value range. horizontalScroller.style.width = 200; horizontalScroller.valueChanged += (value) => { ballBlocker.style.left = value; ballBlockerLabel.text = $"Ball Blocker Position: {ballBlocker.style.left}"; }; uiDocument.rootVisualElement.Add(ballBlocker); uiDocument.rootVisualElement.Add(horizontalScroller); uiDocument.rootVisualElement.Add(minLabel); uiDocument.rootVisualElement.Add(maxLabel); uiDocument.rootVisualElement.Add(ballBlockerLabel); } } ``` ## Static Fields | Value | Description | | --------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | | [highButtonUssClassName](/engine/6000.5/script-reference/unityengine/uielements/scroller/highbuttonussclassname.md) | USS class name of high buttons in elements of this type. | | [horizontalVariantUssClassName](/engine/6000.5/script-reference/unityengine/uielements/scroller/horizontalvariantussclassname.md) | USS class name of elements of this type, when they are displayed horizontally. | | [lowButtonUssClassName](/engine/6000.5/script-reference/unityengine/uielements/scroller/lowbuttonussclassname.md) | USS class name of low buttons in elements of this type. | | [sliderUssClassName](/engine/6000.5/script-reference/unityengine/uielements/scroller/sliderussclassname.md) | USS class name of slider elements in elements of this type. | | [ussClassName](/engine/6000.5/script-reference/unityengine/uielements/scroller/ussclassname.md) | USS class name of elements of this type. | | [verticalVariantUssClassName](/engine/6000.5/script-reference/unityengine/uielements/scroller/verticalvariantussclassname.md) | USS class name of elements of this type, when they are displayed vertically. | ## Constructors | Constructor | Description | | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | | [Scroller()](/engine/6000.5/script-reference/unityengine/uielements/scroller/ctor.md#scroller\(\)) | Constructor. | | [Scroller(System.Single,System.Single,System.Action\{System.Single},UnityEngine.UIElements.SliderDirection)](/engine/6000.5/script-reference/unityengine/uielements/scroller/ctor.md#scroller\(float-float-actionfloat-sliderdirection\)) | Constructor. | ## Properties | Property | Description | | ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | [direction](/engine/6000.5/script-reference/unityengine/uielements/scroller/direction.md) | Direction of this scrollbar. | | [highButton](/engine/6000.5/script-reference/unityengine/uielements/scroller/highbutton.md) | Top or right scroll button. | | [highValue](/engine/6000.5/script-reference/unityengine/uielements/scroller/highvalue.md) | Maximum value. | | [lowButton](/engine/6000.5/script-reference/unityengine/uielements/scroller/lowbutton.md) | Bottom or left scroll button. | | [lowValue](/engine/6000.5/script-reference/unityengine/uielements/scroller/lowvalue.md) | Minimum value. | | [slider](/engine/6000.5/script-reference/unityengine/uielements/scroller/slider.md) | The slider used by this scroller. | | [value](/engine/6000.5/script-reference/unityengine/uielements/scroller/value.md) | Value that defines the slider position. It lies between [\_lowValue](/engine/6000.5/script-reference/unityengine/uielements/scroller/lowvalue.md) and [\_highValue](/engine/6000.5/script-reference/unityengine/uielements/scroller/highvalue.md). | ## Methods | Method | Description | | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ | | [Adjust](/engine/6000.5/script-reference/unityengine/uielements/scroller/adjust.md) | Updates the slider element size as a ratio of total range. A value greater than or equal to 1 will disable the Scroller. | | [ScrollPageDown](/engine/6000.5/script-reference/unityengine/uielements/scroller/scrollpagedown.md) | Will change the value according to the current slider pageSize. | | [ScrollPageUp](/engine/6000.5/script-reference/unityengine/uielements/scroller/scrollpageup.md) | Will change the value according to the current slider pageSize. | ## Events | Member | Description | | ----------------------------------------------------------------------------------------------- | --------------------------------------------- | | [valueChanged](/engine/6000.5/script-reference/unityengine/uielements/scroller/valuechanged.md) | Event sent when the slider value has changed. | ## Inheritance **Inherited Members:** * [VisualElement.disabledUssClassName](/engine/6000.5/script-reference/unityengine/uielements/visualelement/disabledussclassname.md) * [VisualElement.SetActivePseudoState(bool)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/setactivepseudostate.md) * [VisualElement.SetCheckedPseudoState(bool)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/setcheckedpseudostate.md) * [VisualElement.ReleaseResources()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/releaseresources.md) * [VisualElement.SendEvent(EventBase)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/sendevent.md) * [VisualElement.SetEnabled(bool)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/setenabled.md) * [VisualElement.MarkDirtyRepaint()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/markdirtyrepaint.md) * [VisualElement.IsMarkedForRepaint()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/ismarkedforrepaint.md) * [VisualElement.ContainsPoint(Vector2)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/containspoint.md) * [VisualElement.GetClasses()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/getclasses.md) * [VisualElement.ClearClassList()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/clearclasslist.md) * [VisualElement.AddToClassList(string)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/addtoclasslist.md#addtoclasslist\(string\)) * [VisualElement.AddToClassList(string\[\])](/engine/6000.5/script-reference/unityengine/uielements/visualelement/addtoclasslist.md#addtoclasslist\(string\)) * [VisualElement.RemoveFromClassList(string)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/removefromclasslist.md) * [VisualElement.ToggleInClassList(string)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/toggleinclasslist.md) * [VisualElement.EnableInClassList(string, bool)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/enableinclasslist.md) * [VisualElement.ClassListContains(string)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/classlistcontains.md) * [VisualElement.FindAncestorUserData()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/findancestoruserdata.md) * [VisualElement.SetBinding(BindingId, Binding)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/setbinding.md) * [VisualElement.GetBinding(BindingId)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/getbinding.md) * [VisualElement.TryGetBinding(BindingId, Binding)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/trygetbinding.md) * [VisualElement.GetBindingInfos()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/getbindinginfos.md#getbindinginfos\(\)) * [VisualElement.GetBindingInfos(List\)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/getbindinginfos.md#getbindinginfos\(listbindinginfo\)) * [VisualElement.HasBinding(BindingId)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hasbinding.md) * [VisualElement.ClearBinding(BindingId)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/clearbinding.md) * [VisualElement.ClearBindings()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/clearbindings.md) * [VisualElement.GetHierarchicalDataSourceContext()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/gethierarchicaldatasourcecontext.md) * [VisualElement.GetDataSourceContext(BindingId)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/getdatasourcecontext.md) * [VisualElement.TryGetDataSourceContext(BindingId, DataSourceContext)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/trygetdatasourcecontext.md) * [VisualElement.TryGetLastBindingToUIResult(BindingId, BindingResult)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/trygetlastbindingtouiresult.md) * [VisualElement.TryGetLastBindingToSourceResult(BindingId, BindingResult)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/trygetlastbindingtosourceresult.md) * [VisualElement.Add(VisualElement)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/add.md) * [VisualElement.Insert(int, VisualElement)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/insert.md) * [VisualElement.Remove(VisualElement)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/remove.md) * [VisualElement.RemoveAt(int)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/removeat.md) * [VisualElement.Clear()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/clear.md#clear\(\)) * [VisualElement.Clear(VisualElementClearOptions)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/clear.md#clear\(visualelementclearoptions\)) * [VisualElement.ElementAt(int)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/elementat.md) * [VisualElement.IndexOf(VisualElement)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/indexof.md) * [VisualElement.Children()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/children.md) * [VisualElement.Sort(Comparison\)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/sort.md) * [VisualElement.BringToFront()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/bringtofront.md) * [VisualElement.SendToBack()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/sendtoback.md) * [VisualElement.PlaceBehind(VisualElement)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/placebehind.md) * [VisualElement.PlaceInFront(VisualElement)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/placeinfront.md) * [VisualElement.RemoveFromHierarchy()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/removefromhierarchy.md) * [VisualElement.GetFirstOfType\()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/getfirstoftype.md) * [VisualElement.GetFirstAncestorOfType\()](/engine/6000.5/script-reference/unityengine/uielements/visualelement/getfirstancestoroftype.md) * [VisualElement.Contains(VisualElement)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/contains.md) * [VisualElement.FindCommonAncestor(VisualElement)](/engine/6000.5/script-reference/unityengine/uielements/visualelement/findcommonancestor.md) * [VisualElement.viewDataKey](/engine/6000.5/script-reference/unityengine/uielements/visualelement/viewdatakey.md) * [VisualElement.userData](/engine/6000.5/script-reference/unityengine/uielements/visualelement/userdata.md) * [VisualElement.disablePlayModeTint](/engine/6000.5/script-reference/unityengine/uielements/visualelement/disableplaymodetint.md) * [VisualElement.usageHints](/engine/6000.5/script-reference/unityengine/uielements/visualelement/usagehints.md) * [VisualElement.scaledPixelsPerPoint](/engine/6000.5/script-reference/unityengine/uielements/visualelement/scaledpixelsperpoint.md) * [VisualElement.layout](/engine/6000.5/script-reference/unityengine/uielements/visualelement/layout.md) * [VisualElement.contentRect](/engine/6000.5/script-reference/unityengine/uielements/visualelement/contentrect.md) * [VisualElement.paddingRect](/engine/6000.5/script-reference/unityengine/uielements/visualelement/paddingrect.md) * [VisualElement.worldBound](/engine/6000.5/script-reference/unityengine/uielements/visualelement/worldbound.md) * [VisualElement.localBound](/engine/6000.5/script-reference/unityengine/uielements/visualelement/localbound.md) * [VisualElement.worldTransform](/engine/6000.5/script-reference/unityengine/uielements/visualelement/worldtransform.md) * [VisualElement.hasActivePseudoState](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hasactivepseudostate.md) * [VisualElement.hasInactivePseudoState](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hasinactivepseudostate.md) * [VisualElement.hasHoverPseudoState](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hashoverpseudostate.md) * [VisualElement.hasCheckedPseudoState](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hascheckedpseudostate.md) * [VisualElement.hasEnabledPseudoState](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hasenabledpseudostate.md) * [VisualElement.hasDisabledPseudoState](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hasdisabledpseudostate.md) * [VisualElement.hasFocusPseudoState](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hasfocuspseudostate.md) * [VisualElement.hasRootPseudoState](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hasrootpseudostate.md) * [VisualElement.pickingMode](/engine/6000.5/script-reference/unityengine/uielements/visualelement/pickingmode.md) * [VisualElement.name](/engine/6000.5/script-reference/unityengine/uielements/visualelement/name.md) * [VisualElement.resourcesReleased](/engine/6000.5/script-reference/unityengine/uielements/visualelement/resourcesreleased.md) * [VisualElement.enabledInHierarchy](/engine/6000.5/script-reference/unityengine/uielements/visualelement/enabledinhierarchy.md) * [VisualElement.enabledSelf](/engine/6000.5/script-reference/unityengine/uielements/visualelement/enabledself.md) * [VisualElement.languageDirection](/engine/6000.5/script-reference/unityengine/uielements/visualelement/languagedirection.md) * [VisualElement.visible](/engine/6000.5/script-reference/unityengine/uielements/visualelement/visible.md) * [VisualElement.generateVisualContent](/engine/6000.5/script-reference/unityengine/uielements/visualelement/generatevisualcontent.md) * [VisualElement.dataSource](/engine/6000.5/script-reference/unityengine/uielements/visualelement/datasource.md) * [VisualElement.dataSourcePath](/engine/6000.5/script-reference/unityengine/uielements/visualelement/datasourcepath.md) * [VisualElement.dataSourceType](/engine/6000.5/script-reference/unityengine/uielements/visualelement/datasourcetype.md) * [VisualElement.experimental](/engine/6000.5/script-reference/unityengine/uielements/visualelement/experimental.md) * [VisualElement.hierarchy](/engine/6000.5/script-reference/unityengine/uielements/visualelement/hierarchy-1.md) * [VisualElement.parent](/engine/6000.5/script-reference/unityengine/uielements/visualelement/parent.md) * [VisualElement.panel](/engine/6000.5/script-reference/unityengine/uielements/visualelement/panel.md) * [VisualElement.contentContainer](/engine/6000.5/script-reference/unityengine/uielements/visualelement/contentcontainer.md) * [VisualElement.visualTreeAssetSource](/engine/6000.5/script-reference/unityengine/uielements/visualelement/visualtreeassetsource.md) * [VisualElement.this\[int\]](/engine/6000.5/script-reference/unityengine/uielements/visualelement/item.md) * [VisualElement.childCount](/engine/6000.5/script-reference/unityengine/uielements/visualelement/childcount.md) * [VisualElement.schedule](/engine/6000.5/script-reference/unityengine/uielements/visualelement/schedule.md) * [VisualElement.style](/engine/6000.5/script-reference/unityengine/uielements/visualelement/style.md) * [VisualElement.resolvedStyle](/engine/6000.5/script-reference/unityengine/uielements/visualelement/resolvedstyle.md) * [VisualElement.customStyle](/engine/6000.5/script-reference/unityengine/uielements/visualelement/customstyle.md) * [VisualElement.styleSheets](/engine/6000.5/script-reference/unityengine/uielements/visualelement/stylesheets.md) * [VisualElement.tooltip](/engine/6000.5/script-reference/unityengine/uielements/visualelement/tooltip.md) * [Focusable.Blur()](/engine/6000.5/script-reference/unityengine/uielements/focusable/blur.md) * [Focusable.focusable](/engine/6000.5/script-reference/unityengine/uielements/focusable/focusable.md) * [Focusable.tabIndex](/engine/6000.5/script-reference/unityengine/uielements/focusable/tabindex.md) * [Focusable.delegatesFocus](/engine/6000.5/script-reference/unityengine/uielements/focusable/delegatesfocus.md) * [CallbackEventHandler.RegisterCallback\(EventCallback\, TrickleDown)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/registercallback.md) * [CallbackEventHandler.RegisterCallbackOnce\(EventCallback\, TrickleDown)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/registercallbackonce.md) * [CallbackEventHandler.RegisterCallback\(EventCallback\, T, TrickleDown)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/registercallback.md) * [CallbackEventHandler.RegisterCallbackOnce\(EventCallback\, T, TrickleDown)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/registercallbackonce.md) * [CallbackEventHandler.RegisterCallback\(EventCallback\, CallbackOptions)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/registercallback.md) * [CallbackEventHandler.RegisterCallback\(EventCallback\, T, CallbackOptions)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/registercallback.md) * [CallbackEventHandler.UnregisterCallback\(EventCallback\, TrickleDown)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/unregistercallback.md) * [CallbackEventHandler.UnregisterCallback\(EventCallback\, CallbackOptions)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/unregistercallback.md) * [CallbackEventHandler.UnregisterCallback\(EventCallback\, TrickleDown)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/unregistercallback.md) * [CallbackEventHandler.UnregisterCallback\(EventCallback\, CallbackOptions)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/unregistercallback.md) * [CallbackEventHandler.UnregisterAllRemovableCallbacks()](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/unregisterallremovablecallbacks.md) * [CallbackEventHandler.HasTrickleDownHandlers()](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/hastrickledownhandlers.md) * [CallbackEventHandler.HasBubbleUpHandlers()](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/hasbubbleuphandlers.md) * [CallbackEventHandler.HandleEventBubbleUp(EventBase)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/handleeventbubbleup.md) * [CallbackEventHandler.HandleEventTrickleDown(EventBase)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/handleeventtrickledown.md) * [CallbackEventHandler.NotifyPropertyChanged(BindingId)](/engine/6000.5/script-reference/unityengine/uielements/callbackeventhandler/notifypropertychanged.md)