ok, stále to reším a nejde to tak jak bych to potreboval. Zatím som sa len kus k tomu priblížil:

/*        function resize() {
                    $('#nav#vertical, aside').height($(document).height() + $(shift).height());
                } */
        /*        function resize() {
                    var el = $("nav#vertical, aside");
                    el.height($(document).height() - el.offset().top);
                } */

viem druhá časť je blbosť. Ešte som videl jedno riešenie ale nevhodné pre moju potrebu (i když dosť podobnú funkčnosť):

$('#header_parent').stop().animate({height: "100px"},0);

Problém je že toto nieje "plynulý" a priamo závislý na scrollingu. Scrollingom sa zavolá ale zvätšovanie sa už nekoná podľa pozície scrollu v scrollbare. Potrebujem "plynulé" riešenie priamo závyslé na scrollingu. Presne o koľko px prescrollujem toľko sa pričíta pixelov ku height k jeho pôvodnej hodnote definovanej v CSS.


Najbližšie som sa dostal k tomuto:

function resize() {
            var el = $('nav#vertical, aside');
            var scrollTop = $(this).scrollTop();
            el.height(el.height + (scrollTop || shift));
        };

moja vlastná spatlanina, ale nefunkčná.

Ani

function resize() {
            var el = $('nav#vertical, aside');
            var scrollTop = $(this).scrollTop();
            el.height(el.height() + (scrollTop || shift));
        };

nefunguje. ale myslím že som blízko.


A ani toto nefunguje:

function resize() {
            var el = $('nav#vertical, aside');
            el.height($(el.height() + ($(this).scrollTop() || shift)));
        };

(viem že je to napsané chaoticky, sry)