Update scrolling.md

Author: Lakshminatarajan

MAUI/Chat/scrolling.md

@@ -49,31 +49,6 @@ By default, the [SfChat](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Cha
 {% endhighlight %}
 {% endtabs %}
 
-## Scrolled event
-
-The [SfChat](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.SfChat.html) control comes with a built-in `Scrolled` event that will be fired whenever the chat control is scrolled. You can get the current scroll offset, whether scrolling has reached the top or bottom of the message list in the [ChatScrolledEventArgs](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.ChatScrolledEventArgs.html). You can handle this event to restrict the auto-scroll in chat for newly added messages, if the user had already scrolled up manually and was currently not at the bottom of the chat when the new message was added. 
-
-{% tabs %}
-{% highlight xaml hl_lines="4" %}
-    <sfChat:SfChat x:Name="sfChat"
-                Messages="{Binding Messages}"
-                CurrentUser="{Binding CurrentUser}"
-                Scrolled="sfChat_Scrolled"/>
-{% endhighlight %}  
-{% highlight c# hl_lines="8" %}
-     sfChat.Scrolled += sfChat_Scrolled;
-    
-    private void sfChat_Scrolled(object? sender, ChatScrolledEventArgs e)
-    {
-        // The chat will not be auto scrolled to the bottom
-        // if the user is not currently at the bottom end of the chat at the time of the arrival of the new message
-        // but rather already manually scrolled above to read old messages.
-        sfChat.CanAutoScrollToBottom = e.IsBottomReached;
-    }
-
-{% endhighlight %}
-{% endtabs %}
-
 ## Scroll to bottom button
 
 The `SfChat` control provides the option to display a scroll to bottom button by setting the `ShowScrollToBottomButton` property to `true`. This button appears when scrolled up through older messages and allows quick navigation back to the latest message in the conversation.
@@ -171,3 +146,28 @@ namespace MauiChat
 
 {% endhighlight %}
 {% endtabs %}
+
+## Scrolled event
+
+The [SfChat](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.SfChat.html) control comes with a built-in `Scrolled` event that will be fired whenever the chat control is scrolled. You can get the current scroll offset, whether scrolling has reached the top or bottom of the message list in the [ChatScrolledEventArgs](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.ChatScrolledEventArgs.html). You can handle this event to restrict the auto-scroll in chat for newly added messages, if the user had already scrolled up manually and was currently not at the bottom of the chat when the new message was added. 
+
+{% tabs %}
+{% highlight xaml hl_lines="4" %}
+    <sfChat:SfChat x:Name="sfChat"
+                Messages="{Binding Messages}"
+                CurrentUser="{Binding CurrentUser}"
+                Scrolled="sfChat_Scrolled"/>
+{% endhighlight %}  
+{% highlight c# hl_lines="8" %}
+     sfChat.Scrolled += sfChat_Scrolled;
+    
+    private void sfChat_Scrolled(object? sender, ChatScrolledEventArgs e)
+    {
+        // The chat will not be auto scrolled to the bottom
+        // if the user is not currently at the bottom end of the chat at the time of the arrival of the new message
+        // but rather already manually scrolled above to read old messages.
+        sfChat.CanAutoScrollToBottom = e.IsBottomReached;
+    }
+
+{% endhighlight %}
+{% endtabs %}