This can be implemented same as modal UI described here #1289 (comment) quoting solution below for convenience:

I did the preliminary investigation, and this seems implementable in Electron. Here is how:

you can listen to a 'wheel' events on webview tags, if they are prevented scroll never occurs in the webview content.

Therefor if toolbar is in viewport, we can prevent wheel events with positive deltaY and slide toolbar+webview up until toolbar is off viewport. Once it is just stop preventing events so that scroll will occur as expected in web content.

If toolbar isn't in the viewport, we can prevent wheel events with negative deltayY to prevent scroll in the web content and slide toolbar+webview down until toolbar is in the veiweport. Once it is, just stop preventing events so that scroll will occur as expected in web content.

You can sendInputEvent in particular mouseWheel events to the webview to scroll it's content. This allows us:

Once mouse hovers the the top third of the page we can slide toolbar+webview down and also send corresponding wheel events to the webview to scroll content up theoretically preserving vertical spacing of the content, so it will appears just as if toolbar overplayed the content, but user still can scroll down to reveal the content that was overlayed.

Primary difference is going to be that we'd have to listen to scrolling events in the webview preload scripts and message parent when content reached / left top / bottom so that wheel events can be used for performing scroll across tabs.

Uh oh!

Vertical scroll across tabs. #1288

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions