Question

I would like to implement a system where opening and overlay changes the browser window’s scrollable area to fit that overlay.

I want to do what Twitter’s done. As I scroll through tweets, there is a large scrollable document area. However when I click a user, it opens a “profile summary” and the scrollable area shrinks to fit that summary. I’m not sure where to start. A jQuery solution is preferable.

Answer 1

There is a pretty simple solution, basically you do this:

$("body").css({overflow: "hidden"})

Set it to overflow: visible when you are done.

http://jsfiddle.net/BoringCode/7xHMf/1/