3

I am using firefox 66.0.2 (64-bit) I generally take screenshot of the portion of the webpage very eaily using Take a Screenshot (https://screenshots.firefox.com/)

Now many websites when i want to capture a portion of the webpage, i can page scroll down the web page but with jupyter the page scroll gets hidden when i start take a screenshot from firefox

The image shows page scroll hidden with jupyter

Screenshot_20200304_194229

I capture lot of things from other websites but their scroll bar does not hide eg:

Screenshot_20200304_194951-1

Santhosh
  • 9,965
  • 20
  • 103
  • 243

1 Answers1

2

I found this is related to css. The scroll bar was not for the entire page it was for a particular div

I tried to customize the css by

~/.jupyter/custom/custom.css
#site{
    overflow: unset
}

Now i can take the screenshot nicely

Santhosh
  • 9,965
  • 20
  • 103
  • 243
  • CTRL+Shift+I, Style Editor, just paste this into custom.css there – Jedi Knight Dec 06 '22 at 20:54
  • I've found this answer doesn't work when using JupyterLab; first it's not clear if it is meant to put everything there in the file `.jupyter/custom/custom.css` or if the first line was just specifying the file? Second it does bring up a new interface upon pressing the screenshot button in Firefox but it forces me to select a region on the **visible** screen--making it not have the intended effect. – villaa Jun 24 '23 at 23:06
  • ...using Mac OSX 13.4 – villaa Jun 24 '23 at 23:14
  • see this link: https://github.com/jupyter/notebook/issues/5264 – villaa Jun 24 '23 at 23:18