Android Question Webview and CSS position Sticky Support

[Richard Rawlins]

Hello,
I need some guidance from the seasoned professionals. I'm using a webview to show some content in my app, the HTML page uses CSS position sticky to stop an element from scrolling. It works fine in chrome browser on the device and not in the native Android browser. So as such when I try to load it in the webview I have the same issue with the CSS not working. My question is, can anyone suggest a work-a-round?

#Region  Project Attributes
    #ApplicationLabel: B4A Example
    #VersionCode: 1
    #VersionName:
    'SupportedOrientations possible values: unspecified, landscape or portrait.
    #SupportedOrientations: unspecified
    #CanInstallToExternalStorage: False
#End Region

#Region  Activity Attributes
    #FullScreen: True
    #IncludeTitle: False
#End Region

Sub Process_Globals
    'These global variables will be declared once when the application starts.
    'These variables can be accessed from all modules.

End Sub

Sub Globals
    'These global variables will be redeclared each time the activity is created.
    'These variables can only be accessed from this module.

    Private WebView1 As WebView
    
End Sub

Sub Activity_Create(FirstTime As Boolean)
    'Do not forget to load the layout file created with the visual designer. For example:
    'Activity.LoadLayout("Layout1")
    Activity.LoadLayout("main_menu")
    
    WebView1.JavaScriptEnabled = True
    WebView1.ZoomEnabled = False
    WebView1.LoadUrl("http://65.166.246.110:8888/portal/epg.php")
    

End Sub

Sub Activity_KeyPress (KeyCode As Int) As Boolean 'Return True to consume the event
    
    Log(KeyCode)
    If KeyCode = KeyCodes.KEYCODE_BACK Then
        Log("back pressed")
        WebView1.Back
        Return True
        Else
            Return False
    End If
End Sub

Sub Activity_Resume

End Sub

Sub Activity_Pause (UserClosed As Boolean)

End Sub