Autor |
Nachricht |
s_w
Threadersteller
Dabei seit: 14.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 14.10.2009 19:33
Titel [CSS/JavaScript] anfangsbereich einer website ändern |
|
|
Hallo,
ich bin dabei eine Website zu erstellen, bei der man durch Anker auf einzelne Bereiche der Seite gelangt.
Dabei soll man am Anfang quasi in der Mitte stehen und durch Anklicken der Links wird dann nach rechts,links,oben,unten gescrollt (per jquery).
wie bei http://lukelarsen.com , hier ist der anfangspunkt allerdings links oben..
Wie bekomm ich nun hin, dass am Anfang genau die Mitte bzw ein von mir definierter Bereich oder Div gezeigt wird?
Hoffe, die Frage ist einigermaßen verständlich formuliert
Zuletzt bearbeitet von s_w am Mi 14.10.2009 19:47, insgesamt 1-mal bearbeitet
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
|
|
|
|
Anzeige
|
|
|
s_w
Threadersteller
Dabei seit: 14.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 14.10.2009 20:27
Titel
|
|
|
Wie der Inhalt zu nem bestimmten Bereich scrollt, wenn der User auf nen Link klickt, weiß ich.
Die Frage war:
Wie kann ich einen bestimmten Bereich der Seite (bei deinem Beispiel der Bereich, den man sieht, wenn man auf "Test" drückt,) gleich beim Aufruf der Website sehen? (Also zb. 300 pixel von links, 300 pixel von oben versetzt)
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Mi 14.10.2009 21:18
Titel
|
|
|
Vorab: Von JS hab ich kaum bis keine Ahnung, nur ein paar Brocken aus den üblichen Scripten.
Was mir hier aber gleich einfiel, es gibt doch "Events" (onClick oder so) ... Gibts da keinen wie "onLoad" (Seite fertig geladen), mit der du dein "Verschiebe-Krams" verknüpfen könntest?
Code: | Wenn Seite geladen -> verschiebe Viewport nach Pos. x und y |
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 14.10.2009 21:33
Titel
|
|
|
s_w hat geschrieben: | Wie der Inhalt zu nem bestimmten Bereich scrollt, wenn der User auf nen Link klickt, weiß ich.
Die Frage war:
Wie kann ich einen bestimmten Bereich der Seite (bei deinem Beispiel der Bereich, den man sieht, wenn man auf "Test" drückt,) gleich beim Aufruf der Website sehen? (Also zb. 300 pixel von links, 300 pixel von oben versetzt) |
Die Antwort von DEKONSTRUKTIV war schon korrekt. Wie Seal anspricht kannst du
den Wert welchen du bei einem Klick manipulierst auch einfach beim load event verändern.
Oder aber du erledigst das schon zuvor per CSS ...
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Mi 14.10.2009 21:39
Titel
|
|
|
scrollto via css? ich bin gespannt.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 14.10.2009 21:46
Titel
|
|
|
Nein. Ich habe einfach mal vermutet dass er nicht das gleiche wie in seinem Beispiel erreichen möchte.
s_w hat geschrieben: | Wie kann ich einen bestimmten Bereich der Seite (bei deinem Beispiel der Bereich, den man sieht, wenn man auf "Test" drückt,) gleich beim Aufruf der Website sehen? (Also zb. 300 pixel von links, 300 pixel von oben versetzt) |
Daher gehe ich davon aus, dass er sozusagen ein "großes Element" hat welches er im Viewport
hin und her bewegen möchte. Kleines Beispiel ... Ein Element mit den Dimensionen 5000px*5000px
enthält die vers. Bereiche und zu Beginn möchte er den Mittelpunkt dieses Elementes auch im
Mittelpunkt des viewports haben. Dazu muss er also das Element um x px nach links und n px nach
rechts aus dem viewport schieben. Vielleicht verstehe ich ihn aber auch nur falsch ...
Zuletzt bearbeitet von m am Mi 14.10.2009 21:49, insgesamt 1-mal bearbeitet
|
|
|
|
|
s_w
Threadersteller
Dabei seit: 14.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 15.10.2009 07:56
Titel
|
|
|
@m: ja, so meinte ich das
|
|
|
|
|
|
|
|
Ähnliche Themen |
[js] session mit javascript ändern
JavaScript - CSS - Klasse ändern
Javascript img src ändern funktioniert nicht
javascript: gestaltung der buttons ändern
[javascript] div inhalt ändern - auf die andere art
javascript neu laden > bei browsergröße ändern [solved]
|
|