[feature] useDocumentOverflow - reactive and centralized document style overflow management

Sometimes it’s useful to control document.documentElement.style.overflow programmatically.

For example - when you open modal window and want to disable document scroll

Usage examples:

const { hideOverflow, restoreOverflow } = useDocumentOverflow();

// enable overflow: hidden
hideOverflow();

// remove overflow property
restoreOverflow();

// control X/Y and choose documentElement
const { overflowX, overflowY } = useDocumentOverflow({ documentElement: document.body });

overflowX.value = 'auto';
overflowY.value = 'hidden';

[revyh]

I’d like to add my 5 cents. overflow: hidden on a document.body is not enough for disabling document scroll. There are solutions, like https://github.com/willmcpo/body-scroll-lock that do it better. So in my opinion, it would be better to either integrate such solution to vueuse, or not make half-measures at all

upd: sorry, looks like I’ve duplicated #534, should read that first

[wheatjs]

Going to close in favor of using a library like body-scroll-lock.