based on direction3

by lovromar

HTML

<div id="wrapper">Fatback ex venison qui, magna in eu jowl drumstick. Adipisicing sint t-bone, swine nulla excepteur salami in aliquip deserunt chuck. Commodo esse minim, chicken occaecat ground round ullamco culpa brisket ut tongue short ribs. Ut sirloin est boudin minim. Pig jerky ex consectetur flank reprehenderit enim, do pastrami tongue in nulla. Short ribs ut t-bone jerky dolore qui, aliqua fatback sed pork chop ut ball tip minim bresaola. Ad minim dolor, ut venison dolore ullamco pariatur qui.

Pork belly andouille strip steak ribeye deserunt culpa, tri-tip ex. Incididunt hamburger corned beef, elit short ribs ground round eiusmod pariatur in jerky excepteur ut ea mollit. Ground round andouille pork chuck ribeye, salami officia aute corned beef elit tongue esse laboris. Incididunt laboris excepteur nostrud. Pork cow andouille, consectetur turkey ground round eiusmod beef consequat id elit reprehenderit strip steak pork chop bresaola. Ribeye chuck rump tongue t-bone. Eu ground round officia quis boudin t-bone adipisicing, salami spare ribs ham hock mollit.

Tail ex boudin nulla short ribs, meatball deserunt ground round ullamco pastrami occaecat beef ribs sint chuck. Pancetta veniam consectetur, venison velit short ribs ham tongue dolore rump chuck sint tempor. Ham hock in short ribs eu minim in ham drumstick, velit id consequat. Enim nulla tongue eiusmod t-bone. Beef ribs adipisicing in, pancetta non boudin esse tri-tip fugiat occaecat ribeye. Est ball tip ground round in nisi shankle pork loin, esse elit. Jerky occaecat pancetta elit et.

Ribeye tempor excepteur pork belly minim. Et ribeye irure tail, officia reprehenderit ad veniam laboris eu chicken beef salami ground round. Veniam in andouille, sint ex non qui nostrud. Esse excepteur chicken, in brisket incididunt cillum id consequat ullamco magna dolor sed. Pork occaecat ea, excepteur ut short loin biltong ad. Cupidatat magna culpa ut. Qui ribeye ham hock et, aliquip labore bresaola pork chop strip...

CSS

html, body {
    padding:0;
}

#wrapper {
    width:400px;
    height:300px;
    overflow:scroll;
    background-color:yellow;
    position:relative;
    top:100px;
}
#teasers {
    height:50px;
    background-color:pink;
    position:fixed;
    top:20px;
    width:100%;
}

JavaScript

$('#wrapper').scroll(function(){
  if($(this).scrollTop() > 300)
  {
      $('#teasers').fadeOut('slow');
  }
});