This example show how to customize scrolling behaviour in UXScroller.

Example

Description

UXScroller is a lightweight control used to perform scrolling on its content.

There are two types of ScrollMode available in UXScroller, MouseDown or MouseOver. If the ScrollMode is set to MouseDown, the control will perform scrolling when the scroll button is pressed. If the ScrollMode is set to MouseOver, the control will perform scrolling when the scroll button is hovered. The amount of scrolling depends on the value of the ScrollChange property. For more information, see UXScroller.

Set the following property in order to customize scrolling behaviour in UXScroller.

Using the following code:

<Intersoft:UXScroller Name="uXScroller1" Width="400" Height="300" ScrollChange="100" ScrollMode="MouseOver">
    <StackPanel>
        <Intersoft:ImageLoader Name="imageLoader1" ImageSource="/UXScroller;component/Assets/Images/cheetah.jpg" />
        <Intersoft:ImageLoader Name="imageLoader2" ImageSource="/UXScroller;component/Assets/Images/butterfly.jpg" />
    </StackPanel>
</Intersoft:UXScroller>