Sticky Werbung im Widget Bereich

Hey,

ich stehe vor einem Porblem. Ich möchte gerne ein "Sticky Werbung" in meinen Widget Bereich erstellen.

Beispiel: 9gag.com -> wenn man auf der seite runterscrolled, scrolled ein Banner mit der Seite.

Ich habe mich erkundigt wie es gehen soll, aber ich kriege es nicht gebacken, da ich jQuery gebraucht wird und ich überhaupt keine Ahnung habe wie und vorallem wo ich meine Funktion einbinden soll und wie ich das auf das element anwenden soll.

Ich habe diese Funktion gefunden:

$(function(){ // document ready
 
  if (!!$('.sticky').offset()) { // make sure ".sticky" element exists
 
    var stickyTop = $('.sticky').offset().top; // returns number 
 
    $(window).scroll(function(){ // scroll event
 
      var windowTop = $(window).scrollTop(); // returns number 
 
      if (stickyTop < windowTop){
        $('.sticky').css({ position: 'fixed', top: 0 });
      }
      else {
        $('.sticky').css('position','static');
      }
 
    });
 
  }
 
});

Quelle: http://andrewhenderson.me/tutorial/jquery-sticky-sidebar/

Ich habe mir auch die Demo files runtergelande und mir angeschaut wie, wie die Funktion aufgerufen wird. Aber es klappt einfach nciht.

Kann mir bitte jmd. sagen wo ich diese Funktion einfügen soll (direkt in den Widget Area?) und wie wende ich diese Funktion auf das Element an, das "sticky" sein soll?

wäre für jede hilfe sehr dankbar