Geek Answers Handbook

Disable vertical scrollviewer scroll behavior on a Windows phone

I use scrollviewer to display some buttons displayed horizontally, I can use scrollviewer to scroll from left to right and vice versa. But the user can still drag and scroll down, although scrollViewer wil will automatically scroll up. This provides poor UX, so I want to disable the vertical scrollviewer scrollviewer behavior, the user can just scroll horizontally. Any suggestions? thank.

<ScrollViewer Grid.Row="2" HorizontalScrollBarVisibility="Hidden" Width="auto" Height="100" Margin="0,12" VerticalAlignment="Bottom">
   <StackPanel Orientation="Horizontal">
                    <Button Height="100" Width="100" Margin="0" Style="{StaticResource ButtonStyle}" Click="Origin_Click">
                    </Button>
<Button Height="100" Width="100" Margin="0" Style="{StaticResource ButtonStyle}" Click="Origin_Click">
                    </Button>
<Button Height="100" Width="100" Margin="0" Style="{StaticResource ButtonStyle}" Click="Origin_Click">
                    </Button>
</StackPanel>    
            </ScrollViewer>

v

+5
source share
2 answers

Use VerticalScrollBarVisibility="disabled"

+12
source

For Windows 8 and 8.1 phones:

scrollviewer, :

<ScrollViewer VerticalScrollMode="Disabled"/>

scrollviewer, :

<ScrollViewer HorizontalScrollMode="Disabled">
+1

More articles:


All Articles