Ergebnis 1 bis 5 von 5

Thema: div soll bei scrollen folgen

  1. #1
    Neuer Benutzer
    Registriert seit
    11.03.2013
    Beiträge
    5

    div soll bei scrollen folgen

    Hallo liebe Wissenden,

    habe jetzt echt viel recherchiert und herum probiert,
    komme aber an einer bestimmten Stelle nicht mehr weiter.
    im Prinzip möchte ich, daß mich ein DIV beim horizontalen
    Scrollen (also unterer Scrollbalken) im sichtbaren Bereich begleitet.
    Es sollte sozusagen immer bündig an der linken Fensterseite hängen
    beim auf- und abscrollen sollte es sich ganz normal verhalten.

    logisch sollte es im Prinzip wie folgt funktionieren;

    HTML-Code:
    <script type="text/javascript">
    $(document).ready(function() {
      var left_pos = $(this).scrollLeft();  
      $(window).scroll(function() {
        $('.move_div').css({
           "left": + left_pos + 'px', "position":"relative"
        });             
      });
    });
    </script>
    aber scheinbar kann man so keine Variable (left_pos) übergeben.
    Habe auch viele Vorschlage mit der Suche „.css() variable wert“ gefunden,
    aber keiner hat was gebracht.

    habe dann noch einige andere Vorschläge gefunden z.B.

    "left": $(".move_div").position().left + 'px', "position":"relative"

    aber das funktioniert nur sehr bedingt und führt mich auch nicht wirklich weiter
    und es muß doch auch eine einfache MMöglichkeit geben
    im .css({}) eine js-(int)Variable zu setzten?

    jemand da mit einem Hinweis?

    besten Dank im Voraus

    Zen

  2. #2
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.693
    Was spricht gegen ein einfaches position: fixed?

    http://jsfiddle.net/ct9EH/
    Geändert von s4ty (12.07.2013 um 19:34 Uhr)

  3. #3
    Neuer Benutzer
    Registriert seit
    11.03.2013
    Beiträge
    5
    Hi s4ty,

    danke für die schnelle Reaktion,
    ja, das war auch mein erster Ansatz, jedoch ist das Object dann horizontal UND vertikal gefixed
    ich möchte es aber nur vertikal fixen, also beim hoch- runterscrollen soll es sich wie jedes andere Object verhalten

    so habe ich noch das beste ergebins erreicht,

    http://jsfiddle.net/u7MZj/6/

    aber ich glaube, so ist es letztlich gar nicht zu lösen,
    da gefällt mir mein erster Ansatz schon besser

    thanx & cu
    Z

  4. #4
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.693

  5. #5
    Neuer Benutzer
    Registriert seit
    11.03.2013
    Beiträge
    5
    wie geil iss den das *froi
    und funktioniert besser als ich's erwartet habe, PERFEKT!
    ...ich gehe jetzt beim Kumpel 'n Bierchen trinken
    würde dir ja gerne eins ausgeben ;-)

    vielen Dank )
    ZENeca

Stichworte

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •