mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 27.04.2024 18:14 Benutzername: Passwort: Auto-Login

Thema: jQuery - ScrollTo # + 100px vom 23.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> jQuery - ScrollTo # + 100px
Autor Nachricht
nicoG
Threadersteller

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Fr 23.04.2010 16:36
Titel

jQuery - ScrollTo # + 100px

Antworten mit Zitat Zum Seitenanfang

So, schlechter Thementitel ist gewählt, jetzt gehts los * Mal bisschen die Nase pudern... *

Ich arbeite gerade mit jQuery und der ScrollTO-Funktion (?). Läuft auch Bombe, jetzt würde ich das gerne ein bisschen modifizieren, habe aber von jQuery nicht so die Ahnung:
Durch das JS werde ich bei Klick auf ein Link zu dem jeweiligen Conatiner mit der angegebenen ID gescrollt. Nun habe ich aber oben auf der Site immer einen fixen Container, der mir dann den oberen Bereich der hingescrollten Box versperrt.

Hier gehts zu ner Demo-Page.

Nun suche ich quasi für dieses Script eine kleine Modifikation, mit der man eben sagen kann: Gehe zu der ID und noch 100px weiter, oder so.
Klar könnte ich das auch gleich mit konkreten Pixelzahlen machen, sprich Gehe in y-Richtung 1200px. Jedoch würde ich das gerne über IDs lösen, um unter anderem auch mit :target zu arbeiten.
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 23.04.2010 18:33
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

$(document).ready(function(){
   $('nav a').click(function(e){
      $.scrollTo( this.hash || 0, 1500,{offset:+100});
      e.preventDefault();
   });
});


// alternativ noch
Code:

{offset: {top:+100, left:0} }


wenns genauer werden soll


Zuletzt bearbeitet von choise am Fr 23.04.2010 18:36, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
nicoG
Threadersteller

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst So 25.04.2010 13:21
Titel

Antworten mit Zitat Zum Seitenanfang

Danke dir...Ich habe leider derzeit überhaupt keine Zeit das mal richtig zu testen.
ich melde mich dann Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen jquery scrollto mit Spanneffekt
jquery: easing + scrollTo und loopen einer slideshow
automatisches starten der von scrollto
jQuery Plugin - Slider als Input wie in jQuery UI
jquery - hide content in jquery object
horizontal und vertikales scrollto "mischen"
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.