Content nach unten scrollbar?

[Paulles]

Hey,

ich habe eine Frage zum Thema scrollbarer Content.
Ein Beispiel für eine eher fotolastige Seite ist die Fotostiftung: Besucher-Info

Hier kann man sich natürlich von oben nach unten durchlesen, aber auch den Content Bereich nach unten wegscrollen, so dass man das Hintergrundbild voll sehen kann.

Hat jemand Anhaltspunkte dafür, wie das geht?

Viele Grüße

Paulles

 

[Sentence]

Moin,
das DIV mit dem Content wird in dem Fall absolut positioniert mit top 100%, damit verschwindet der Inhalt, wenn man nach oben Scrollt aus dem Viewport.
Beim Laden der Seite wird mit jQuery und scrollTo zu einer bestimmten position gescollt, damit der Content zu sehen ist.

MfG

 

[Cheffchen]

Hallo,

jquery: http://api.jquery.com/scrollTop/
damit ist natürlich noch mehr möglich, macht aber nur sinn wenn auch mehr jquery zeugs einbauen möchtest.

oder nur javascript mit scrollTo.
Cheffchen

 

[Paulles]

ehrlich gesagt habe ich es nicht hinbekommen...

hat jemand andere konkretere Hinweis der Sache auf die Schliche zu kommen?

Grüße
Paulles

 

[Cheffchen]

Hallo,

EDITE: hier was getestet:Seite scrollen beim laden - jsFiddle
nach laden einfach mal oben auf RUN klicken damit siehst schön was passiert.

js code is, danit scrollt die seite 200px nach unten nach dem laden und das langsam ('slow') daraus kannst natürlich auch eine zahle machen wie 5000 langsam oder 100 schnell

$(document).ready(function() {
                $('html').animate({scrollTop : 200},'slow');
      });

also wenn das nicht reicht dann jobecke :O)

Cheffchen

 

[Paulles]

@Cheffchen: danke erst einmal!

Werde es ausprobieren!

 

[Paulles]

ich wieder....

ich kriegs nicht hin verdammt, das kann doch nicht so schwer sein....

 

[Cheffchen]

Hallo,

tja was soll ich da sagen,
bekommst den ganzen code fertig geliefert und brauchst das nur einbauen in deine Seite, schwer ist das echt nicht, deswegen gibts auch nicht mehr hilfe, da einfach nicht mehr möglich ausser ich mach es auf deiner Seite. Das ist aber Jobecke :O)

Cheffchen