jQuery (peut-être) fixer horizontalement l'élément, mais le faire défiler verticalement

Question

Je sais que j'ai déjà vu cela quelque part, mais je ne le trouve nulle part.

Fondamentalement, j'ai un défilement latéral (ici: http://www.allisonnavon.com) que je mets ensemble.

Le problème principal est que si la fenêtre du navigateur est juste un peu trop courte, le site défilera verticalement et couvrira le titre qui doit être corrigé.

Je suppose que l'autre possibilité est de redimensionner automatiquement les images si la hauteur de la fenêtre ne correspond pas au site, mais je veux éviter cela si je le peux. Merci.

Answer 1

Voici une solution rapide et sale ajouter la classe suivante à votre css

.shader {position:fixed; width: 100%; height: 160px;background: #F9F6E5; top: 0px;left: 0px;} 

et une largeur de div cette classe juste après le conteneur ouverture div

<div class="container"> 
<!--add this --> 
<div class="shader"></div> 
<!--end add --> 
<!-- text and image -->