wpf - How to place a ScrollViewer on top of the content it should scroll -

I overlap on top of the scrollable content that your ScrollViewer would be a way / sit I will set the opacity of the ScrollViewer So that the content is visible below.

As far as my default understand ScrollViewer, does not seem out of the box could be possible since the nested inside the material ScrollViewer

How To Work Any thoughts

Edit:? I understand that ScrollViewer is a decorator and that content is not aware of ScrollViewer. This is good and I do not want the content to be aware of scrollwears. What I try to do is a purely layout (layout) thing. Show the ScrollViewer on top of the content. The behavior of the ScrollViewer in straight words. Should remain unchanged

"itemprop =" text ">

I think now that I understand what" top "means - to have a way to set up for the use of a control template that shows the column ScrollContentPresenter two rows and a grid, while scrollbars in other rows and columns scroll bars to semi-transparent. The content will now come under the scrollbar!

The style I tried that works is as follows:

  & lt; Style x: key = "SVStyle" TargetType = "{X: Type ScrollViewer}" & gt; & Lt; Setter Property = "Override Default Style" value = "true" /> & Lt; Setter Estates = "Template" & gt; & Lt; Setter.Value & gt; & Lt; ControlTemplate TargetType = "{x: Type ScrollViewer}" & gt; & Lt; Grid & gt; & Lt; Grid.ColumnDefinitions & gt; & Lt; Column width = "*" /> & Lt; Column width = "Auto" /> & Lt; /Grid.ColumnDefinitions> & Lt; Grid.RowDefinitions & gt; & Lt; Roadfinion height = "*" /> & Lt; RowDefinition Height = "Auto" /> & Lt; /Grid.RowDefinitions> & Lt; ScrollContentPresenter Grid.ColumnSpan = "2" grid. RowSpan = "2" /> & Lt; Scrollbar name = "PART_VerticalScrollBar" HorizontalAlignment = "right" opacity = "0.5" Grid.Column = "1" value = "{TemplateBinding VerticalOffset}" max = "{TemplateBinding ScrollableHeight}" ViewportSize = "{TemplateBinding ViewportHeight}" visibility = " {Telephonybumpingweightcticcarrobbility} "/> & Lt; Scrollbar name = "PART_HorizontalScrollBar" VerticalAlignment = "down" orientation = "horizontal" opacity = "0.5" Grid.Row = "1" value = "{TemplateBinding HorizontalOffset}" max = "{TemplateBinding ScrollableWidth}" ViewportSize = "{Templetbanding Wuportvidth } "Visibility =" {templatebending for visiting computing horizontal scrollbars} "/> & Lt; / Grid & gt; & Lt; / ControlTemplate & gt; & Lt; /Setter.Value> & Lt; / Setter & gt; & Lt; / Style & gt;  

Example usage:

  & lt; ScrollViewer HorizontalScrollBarVisibility = "Auto" style = "{StaticResource SVStyle}" & gt; & Lt; StackPanel & gt; & Lt; Button height = "100" width = "800" & gt; Hello World & lt; / Button & gt; & Lt; Button height = "100" width = "800" & gt; Hello World & lt; / Button & gt; & Lt; Button height = "100" width = "800" & gt; Hello World & lt; / Button & gt; & Lt; Button height = "100" width = "800" & gt; Hello World & lt; / Button & gt; & Lt; Button height = "100" width = "800" & gt; Hello World & lt; / Button & gt; & Lt; Button height = "100" width = "800" & gt; World World & lt; / Button & gt; & Lt; Button height = "100" width = "800" & gt; Hello World & lt; / Button & gt; & Lt; Button height = "100" width = "800" & gt; Hello World & lt; / Button & gt; & Lt; / StackPanel & gt; & Lt; / ScrollViewer & gt;  

The result is in line with this:

It would be easy modified to say the (transparent scrollbar start, opacity = 0.2) and when they enter the mouse scrollbar, they become more opaque. It will have a good effect and, until they are not necessary, ScrollBars should be kept in such a way.

EDIT:

I wrote this for those people who have a little more detail.