négative Positionnement absolu, suppression Scrollbar

Je travaille sur ce site: http://waterwing.waterwing.ca/négative Positionnement absolu, suppression Scrollbar

L'animation en haut à droite est parfait, sauf que cela crée une barre de défilement horizontal avec la façon dont il est positionné.

Il est absolument positionné -120px en haut et à droite. Je me demande simplement comment je peux le faire afin qu'il ne s'étende pas le corps et se cachera juste une fois qu'il frappe le bord de la page de sorte qu'il n'y ait aucune barre de défilement.

La barre de défilement semble ne pas être là sur Windows Firefox mais est là sur Mac Firefox et Safari.

Merci, Wade

Source

2009-12-18 Wade D Ouellet

wrap #corner dans un autre div et le mettre à la dimension occupée par le point final de l'animation ainsi que la position absolue. Réglez le débordement sur cette div à caché qui l'empêchera de saigner de la page et de déclencher le défilement.

Source

2009-12-18 02:03:12 prodigitalson

Yup. Le débordement caché est ce que vous voulez. –

Parfait, le div était trop grand sur une résolution de 1024 aussi, donc je devais le démarrer à une taille plus petite, puis le développer avec jquery lorsque vous planez. Je pense que tout est parfait maintenant, merci encore! –

Vous pouvez aussi mettre overflow: hidden sur le corps, fonctionne de la même façon et vous permet d'économiser un div

Source

2011-12-02 15:29:36 Austin

En fonction de votre situation, mais vous pouvez obtenir un div scrollbars, ou pour toute la page. Lors de la construction d'une mise en page de site réactif, j'écris toujours ce CSS:

body { 
    overflow-x: hidden; 
}

, ce qui empêche les barres de défilement apparaissent, cross-browser et multi-appareils.

Source

2014-06-21 03:46:02 James

négative Positionnement absolu, suppression Scrollbar

Répondre

Questions connexes