How to remove scrollbars on WebBrowser in WPF

Question

I am using WebBrowser control in my application like:

<WebBrowser x:Name="wcPlayback" Visibility="Visible" LoadCompleted="wcPlayback_LoadComplete" Margin="0,-4,0,0" Width="960px" Height="619px" ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Hidden"></WebBrowser>

I did many tries to remove scrollbar but failed.

Please help me.

Check this answer: http://stackoverflow.com/questions/12930297/disable-wpf-webbrowser-scrollbar — Nicholas W, Jun 13 '13 at 12:22

Khoa Nguyen · Answer 1 · 2015-01-19T03:17:55.790

9

In case you can modify the web page you want to load, just modify the body tag as below:

<body scroll="no">

It worked for me.

Follow this link for more details: https://social.msdn.microsoft.com/Forums/vstudio/en-US/a64e2247-c726-473e-bed2-12a2b4454ede/how-to-show-hide-scrollbars-in-new-35-sp1-beta-wpf-webbrowser-control?forum=wpf

edited Jan 19 '15 at 03:17

answered Jan 09 '15 at 03:48

Khoa Nguyen

101
2
3

Or even better: `scroll="auto"`, the browser will then only show the scrollbar if needed. – lelimacon Sep 14 '16 at 13:07

score 8 · Answer 2 · answered Jun 13 '13 at 12:46

8

I used this code and worked for me:

<WebBrowser LoadCompleted="wb_LoadCompleted"></WebBrowser>           

void wb_LoadCompleted(object sender, NavigationEventArgs e)
{
    string script = "document.body.style.overflow ='hidden'";
    WebBrowser wb = (WebBrowser)sender;
    wb.InvokeScript("execScript", new Object[] { script, "JavaScript" });
}

[edit]

The point is, you need to set overflow: hidden; in your page css. The code above is doing it.

answered Jun 13 '13 at 12:46

Nickon

9,652
12
64
119

Unknown InvokeScript function. – azharmalik3 Jun 13 '13 at 13:00
So, it looks like a bad reference for `WebBrowser` class. Check this: http://msdn.microsoft.com/en-us/library/cc452443.aspx – Nickon Jun 13 '13 at 13:07
You can try to modify the code as they described in their MSDN reference's example;) – Nickon Jun 13 '13 at 13:11
webbrowser control does not allowed me to hide its own scrollbar in wpf – azharmalik3 Jun 13 '13 at 13:21
I don't know, that code works for me. I have just checked it. No scrollbars at all:/ – Nickon Jun 13 '13 at 14:15

LeffBA · Answer 3 · 2020-03-15T16:46:49.450

4

In my case, script from Nickon's answer abow, does not work:

string script = "document.body.style.overflow ='hidden'" // Does not work;

but this works:

string script = "document.documentElement.style.overflow ='hidden'" //Work for me;

edited Mar 15 '20 at 16:46

answered Apr 01 '15 at 16:10

LeffBA

51
1
4

score 0 · Answer 4 · answered Mar 08 '19 at 20:22

0

I used this to change the body string directly:

wcPlayback.Document.Body.scroll = "no";

answered Mar 08 '19 at 20:22

HackSlash

4,944
2
18
44

How to remove scrollbars on WebBrowser in WPF

4 Answers4

Linked