Witam,

Od dwóch dni borykam się z problemem, który wygląda następująco:

Posiadam na stronie diva, znajdującego się w sidebarze. DIV jest przy pomocy "posiotion: fixed" przyklejony do dołu okna.
Problem polega na tym, że strona ma jeszcze footer, pod który wpada div, gdy zjedziemy na sam dół strony.

Czy macie jakieś pomysły jak mogę zmienić tę pozycję fixed na absolute, aby przewijając na dół div się zatrzymał, lecz wracając do góry, złapał dolnej krawędzi okna?

Aktualnie kombinowałem z połączeniem dwóch tutoriali:
http://blog.hartleybrody.com/2011/05/addin...o-your-website/
http://blog.hartleybrody.com/2011/05/creat...rolls-with-you/

Wyszło coś takiego, lecz nie działa, zmienia mi to jedynie rozmieszczenie diva w pionie, a nie jego pozycje, która pozostaje jako "fixed".

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
 
        function isScrolledTo(elem) {
            var docViewTop = $(window).scrollTop(); //num of pixels hidden above current screen
            var docViewBottom = docViewTop + $(window).height();
 
            var elemTop = $(elem).offset().top; //num of pixels above the elem
            var elemBottom = elemTop + $(elem).height();
 
            return ((elemTop <= docViewBottom)); //if the bottom of the current viewing area is lower than the top of the trigger
        }
 
        var trigger = $('#trigger-div');    //set the trigger
        var reached = false;
 
        $(window).scroll(function() {
            if(isScrolledTo(trigger)) {
                if(!reached){
                	sticky.css('position','absolute');
                	sticky.css('bottom','0px');
 
                    reached = true;
                }
            } 
 
            if (!isScrolledTo(trigger)) {
                if(reached){
               		sticky.css('position','fixed');
                	sticky.css('bottom','0px');
 
                    reached = false;
                }
            }
        });
    });
[JAVASCRIPT] pobierz, plaintext