scroll-ux.xaml

	<Grid x:Name="LayoutRoot" Background="Transparent">
		<Grid.Resources>
            <local:ScrollToOpacityConverter x:Key="ScrollToOpacityConverter" />
            <local:ScrollToMarginConverter x:Key="ScrollToMarginConverter" />
		</Grid.Resources>
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>

        <StackPanel Grid.Row="0"
                    Height="80"
                    Margin="{Binding ScrollPosition, ElementName=list, Converter={StaticResource ScrollToMarginConverter}, ConverterParameter=80}"
                    Opacity="{Binding ScrollPosition, ElementName=list, Converter={StaticResource ScrollToOpacityConverter}, ConverterParameter=80}"
                    >
            <TextBox Text="Search for something" />
        </StackPanel>
        <local:FriendlyLongListSelector Grid.Row="1"  ItemsSource="{Binding Items}" x:Name="list">
            <local:FriendlyLongListSelector.ItemTemplate>
                <DataTemplate>
                    <StackPanel Margin="0,0,0,17">
                        <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                        <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                    </StackPanel>
                </DataTemplate>
            </local:FriendlyLongListSelector.ItemTemplate>
        </local:FriendlyLongListSelector>
	</Grid>