Menu and header position/content scrolling

[cip]

Wikipedia app has scrollable content and two fixed elements: header
at top, and menu at bottom of screen.

On cordova-qt (tested on Nokia N8) this does not work as expected:

With "goodscroll" implementation (Default in wikipedia 1.1)

Elements positioned correctly.
Scrolling only possible via scrollbar, no kinetic scrolling possible.

with iscroll

Used in wikipedia 1.1 for ios 4.2

Elements (still) positioned correctly
Scrolling not working at all in simulator,
incorrectly on device. (Behaving as if content connected with rubber
band to header)

with "badscroll"

Enabled via

chrome.addPlatformInitializer(function() {
//        $('html').removeClass('goodscroll').addClass('badscroll');
});

Elements scroll with content :(
Kinetic scrolling works

Qtwebkit appearantly not supporting css position:fixed.
Note that badscroll originally used for Android 2.2/2.3 only. As menu
currently used for Qt is from IOS version, badscroll not implemented for menu.
(That is position:fixed not set). Thus issue only visible with header, menu
scrolling of is expected as position:fixed not set.

[cip]

Proposal to fix this:

1. Implement menu native, using qml toolbar. (With plugin as used in android version)
   Besides solving this issue, it should also look nicer.
2. Header: Scrolling it may actually be anyway nicer.
   Both nokia browser and opera browser also scroll the address bar.
   On loading a new page it is shown again.
   Related https://bugzilla.wikimedia.org/show_bug.cgi?id=33881,
   and https://github.com/brion/Wikipedia/commits/absolute (https://bugzilla.wikimedia.org/show_bug.cgi?id=32917)