Fixed-Position-div Nur Vertikal

Ich habe einen aktuellen web-bauen Sie mit der rechten Seitenleiste, die eine Feste position. Ich habe versucht, die Positionierung von der rechten Seite, aber nicht wollen, dass es überschneidungen zu anderen divs content.

Was ich Suche ist, um den Inhalt Scrollbar horizontal nach rechts, wenn es von der viewport-Fenster. Jegliche Hilfe würde sehr geschätzt werden.

ähnlich wie diese: http://demo.rickyh.co.uk/css-position-x-and-position-y/ aber ich kann nicht damit es funktioniert.

Wurde dieses Problem gelöst, indem Sie alternative Methode. Vielen Dank für diejenigen, die eigentlich als helfen.

  • Ihre demo-Seite zeigt drei verschiedene Dinge. Welches sind Sie auf der Suche zu tun?
  • Es ist eine Feste position, div... warum haben Sie eine float:left; dort?
InformationsquelleAutor user720033 | 2011-05-20
  1. 21

    Halten die festen div.

    Haben und den folgenden javascript-code, die kümmern sich um das horizontale bewegen.

    $(window).scroll(function(){
  $('.fixed_div').css('left',-$(window).scrollLeft());
});
    • Tolle Antwort. War auf der Suche für Sie für Tage.
    InformationsquelleAutor Vimal
  2. 1

    dann fügen Sie eine weitere Eigenschaft in #sidebar

    #sidebar {
width:400px;
height:550px;
padding:10px;
float:left;
text-transform:uppercase;
position:fixed;
left:835px;
overflow:scroll-x;
}
    • ja, dass funktioniert nicht its a fixed positionierten div-es ist mehr nötig als CSS-ich bin überzeugt von, dass.
    InformationsquelleAutor Tushar Ahirrao
  3. 0

    Die Beispiel-Website ist über mehr als nur die css zu erzeugen, die Wirkung. Es ist auch ein MooTools plugin: ScrollSpy. http://davidwalsh.name/mootools-scrollspy

    Anzeigen der Quelle auf http://demo.rickyh.co.uk/css-position-x-and-position-y/ zu sehen, das scripting und die vollständige css.

    InformationsquelleAutor Jason Gennaro
Schreibe einen Kommentar