WPF scrollviewer scroll without scrollbar visible like Touch but with mouse
<p>i have the problem that i want to make a header Menu like a Menu in a Tablet or Mobilephone. It will look like this but we only see 7 Button and the 8 Button is outside of the viewing area in the Stackpanel.</p>

<p>When i click in the Stackpanel i am able to horizontally scroll by the left and right Keys, but i want that when my mousebutton is pressed, that ich can also scroll through it :D</p>

<p>i don't find enything like this, so i hope that you can help me :D</p>

<p>thanks</p>

<p><a href="https://i.stack.imgur.com/Xslw9.png" rel="nofollow noreferrer">enter image description here</a></p>

<pre><code>&lt;Grid&gt;
    &lt;Grid.ColumnDefinitions&gt;
        &lt;ColumnDefinition Width="200"/&gt;
        &lt;ColumnDefinition Width="*"/&gt;
        &lt;ColumnDefinition Width="200"/&gt;
    &lt;/Grid.ColumnDefinitions&gt;
    &lt;Grid.RowDefinitions&gt;
        &lt;RowDefinition Height="110"/&gt;
        &lt;RowDefinition Height="*"/&gt;
        &lt;RowDefinition Height="100"/&gt;
    &lt;/Grid.RowDefinitions&gt;
    &lt;Rectangle Name="rectangel1" Grid.RowSpan="3"&gt;
        &lt;Rectangle.Fill&gt;
            &lt;LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"&gt;
                &lt;GradientStop Color="#FF0036A0" Offset="0.003"/&gt;
                &lt;GradientStop Color="#FFE9EDFF" Offset="1"/&gt;
            &lt;/LinearGradientBrush&gt;
        &lt;/Rectangle.Fill&gt;
    &lt;/Rectangle&gt;
    &lt;Grid Grid.Column="1" Grid.ColumnSpan="2"&gt;
        &lt;Grid.ColumnDefinitions&gt;
            &lt;ColumnDefinition Width="20"/&gt;
            &lt;ColumnDefinition Width="750"/&gt;
            &lt;ColumnDefinition Width="20"/&gt;
        &lt;/Grid.ColumnDefinitions&gt;
        &lt;ScrollViewer Name="scrollviewer1" Grid.Column="1" Grid.ColumnSpan="2" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Disabled"&gt;

            &lt;StackPanel Orientation="Horizontal" Grid.Column="1" Grid.ColumnSpan="1"&gt;
                &lt;Grid Width="87" Height="90" Margin="10,10,10,10"&gt;
                    &lt;Rectangle Name="btn1" Fill="#FFF39999" RadiusX="10" RadiusY="10" /&gt;
                    &lt;Label Content="Button 1" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="16" FontWeight="Bold"/&gt;
                &lt;/Grid&gt;
                &lt;Grid Width="87" Height="90" Margin="10,10,10,10"&gt;
                    &lt;Rectangle Name="btn2" Fill="#FFF39999" RadiusX="10" RadiusY="10" /&gt;
                    &lt;Label Content="Button 2" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="16" FontWeight="Bold"/&gt;
                &lt;/Grid&gt;
                &lt;Grid Width="87" Height="90" Margin="10,10,10,10"&gt;
                    &lt;Rectangle Name="btn3" Fill="#FFF39999" RadiusX="10" RadiusY="10" /&gt;
                    &lt;Label Content="Button 3" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="16" FontWeight="Bold"/&gt;
                &lt;/Grid&gt;
                &lt;Grid Width="87" Height="90" Margin="10,10,10,10"&gt;
                    &lt;Rectangle Name="btn4" Fill="#FFF39999" RadiusX="10" RadiusY="10" /&gt;
                    &lt;Label Content="Button 4" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="16" FontWeight="Bold"/&gt;
                &lt;/Grid&gt;
                &lt;Grid Width="87" Height="90" Margin="10,10,10,10"&gt;
                    &lt;Rectangle Name="btn5" Fill="#FFF39999" RadiusX="10" RadiusY="10" /&gt;
                    &lt;Label Content="Button 5" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="16" FontWeight="Bold"/&gt;
                &lt;/Grid&gt;
                &lt;Grid Width="87" Height="90" Margin="10,10,10,10"&gt;
                    &lt;Rectangle Name="btn6" Fill="#FFF39999" RadiusX="10" RadiusY="10" /&gt;
                    &lt;Label Content="Button 6" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="16" FontWeight="Bold"/&gt;
                &lt;/Grid&gt;
                &lt;Grid Width="87" Height="90" Margin="10,10,10,10"&gt;
                    &lt;Rectangle Name="btn7" Fill="#FFF39999" RadiusX="10" RadiusY="10" /&gt;
                    &lt;Label Content="Button 7" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="16" FontWeight="Bold"/&gt;
                &lt;/Grid&gt;
                &lt;Grid Width="87" Height="90" Margin="10,10,50,10"&gt;
                    &lt;Rectangle Name="btn8" Fill="#FFF39999" RadiusX="10" RadiusY="10" /&gt;
                    &lt;Label Content="Button 8" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="16" FontWeight="Bold"/&gt;
                &lt;/Grid&gt;
            &lt;/StackPanel&gt;

    &lt;/ScrollViewer&gt;

    &lt;Rectangle Name="rectlinks" Grid.Column="0" Fill="#FFFF7676" MouseEnter="rectlinks_MouseEnter" /&gt;
    &lt;Rectangle Name="rectrechts" Grid.Column="2" MouseEnter="rectrechts_MouseEnter" Fill="#FFFF7474"  /&gt;
&lt;/Grid&gt;
</code></pre>