Faire un div bâton au-dessus de l'autre en position absolue de dépassement de défilement div

Voici la chose, il y a un div .page qui est absolument positionné à tha page. À l'intérieur, il y a un .container div et à l'intérieur du conteneur, il y a les .contents.

La .page a certaine hauteur, donc, le contenu serait défile à l'intérieur de la .page. Dans cette situation, je veux un .stuck div à coller sur le haut de la .page. ( Je suis sûr que j'ai fait des fautes grammaticales ci-dessus!)

De toute façon, le fiddel:

http://jsfiddle.net/YBAvb/

mise à jour: je veux le .stuck à être fixée au sommet de .page quel que soit le défilement sur le .page.

c'est la mise en page:

<div class="page">
    <div class="container">
        <div class="content"></div>
        <div class="stuck"></div>
    </div>
</div>

et mon (pas de travail) css:

.page{
    position: absolute;
    top:50px;
    left:200px;
    width:200px;
    height:300px;
    overflow:auto;
}
.container{
    position:relative;
}
.stuck{
    position: absolute;
    top:0;
    right:0;
    left:0;
    height:50px;
    background:blue;
}
.content{
    height:700px;
    background:gray;
}

Je veux le bleu .stuck div toujours être là en haut de la .page div. Toute aide?

mise à jour:
remarque: une astuce rapide, pourrait être le .stuck être positions:fixed et dans la même position et la largeur de la .page, mais ce n'est pas mon answere depuis les coordonnées de la .page pourrait changer avec JS tout moment.

Voulez-vous dire que vous voulez le .coincé à être apparaissent (les téléspectateurs), à la tête de .page quel que soit le défilement .la page?
Oui pétantes comme vous l'avez dit!
Je ne pense pas que c'est possible de la position fixe un élément à quoi que ce soit, mais l'écran sans javascript/jquery.
moi aussi! 😀 C'est le bord de css compte tenu des capacités.

OriginalL'auteur Alireza | 2013-11-02

  1. 1

    depuis les coordonnées de la .la page peut changer avec JS tout moment.

    ...si vous utilisez déjà JS! 🙂

    À l'aide de ce balisage HTML est pas possible

    Pour de tels cas, nous avons toujours Javascript et jQuery: JSBIN DÉMO

    $('.stuck').each(function(){

  var $that = $(this),
      $page = $that.closest('.page');

  $page.scroll(function(){      
    $that.css({top: this.scrollTop});
  });

});

    OriginalL'auteur Roko C. Buljan