Flashhilfe.de - Flash Community

Div vertcal bewegen

 


AntwortenRegistrieren Seite1  

michaelzimmerhofer#1
Benutzerbild von michaelzimmerhofer
Beiträge: 26
Wohnort: Luttach
Registriert: Aug 2003

16.06.2010, 21:28

Hallo liebe Flashhilfe-Community,

ich hab so eine Idee für meine Homepage, weiß aber nicht wie das heißt was ich suche.

Kennt ihr bei shopping-Homepages wie bei Apples-Shop diese Zusammenfassung, die immer am oberen rand des Browsers klebt. Dort wo meist die Zusammenfassung steht?

Gibt es für das ein Java-Framework, sodass man es einfach einbauen kann?
oder ist viel Eigenarbeit gefragt?

Danke für eure Hilfe
Michael
Schlagwörter: div, Java
jomac#2
Benutzerbild von jomac
Beiträge: 89
Wohnort: CH
Registriert: Jun 2010

17.06.2010, 00:59

Um etwas genauer zu wissen was du suchst.
Meinst du wirklich Java? Odre evtl. Javascript?
Mit div meinst du den Tag für das Block-Element in HTML, nicht wahr?
Ich hab mir den Apple Store angesehen, aber ich weiss nicht wirklich, was du meinst. Könntest du es evtl. genauer beschreiben, mit Link o.ä.?
Kennst du das Addon Firebug für den FF, wenns um HTML geht ist es damit selbst, wenn du Anfänger bist sehr einfach (Firebug).
Geändert von jomac am 17.06.10 um 01:01 Uhr
michaelzimmerhofer#3
Benutzerbild von michaelzimmerhofer
Beiträge: 26
Wohnort: Luttach
Registriert: Aug 2003

Themenautor/in

17.06.2010, 09:39

Oh sorry, ja ich mein javascript.

Im Apple Store wenn du etwas einkaufen möchtest z.B. einen Mac, dann kannst du ihn modifizieren,
und diese Modifikation sieht man dann in der div-Box die neben dir mitläuft.

Link z.B.
http://store.apple.com/de/configure/MC234D/A?mco=MTM4MTQzMjk
Die Div box mit dem Titel Zusammenfassung bewegt sich mit deinem Scrollverhalten mit.


Ja Firebug kenn ich, hab da aber nichts rausgefunden.
vindel#4
Benutzerbild von vindelFlashhilfe.de Moderator
Beiträge: 3000
Wohnort: Köln
Registriert: Oct 2007

17.06.2010, 10:11

Also am einfachsten ist es, wenn du der Box als css-Parameter "Position: fixed" gibst - dabb bleibt die Box Immer an der gleichen Position. Dann hast du zwar nicht den Effekt, den Apple hat, dass die Box am anfang scrollt, aber um dass dann zu realisieren, brauchst du wesendlich mehr code als das position: fixed;
Wenn du unbedingt das Stillstehen haben willst, dann würd ich dir Prototype mit scriptacolus ans Herz legen. Das läuf in allen Browsern und ist auch noch relativ leicht zu verstehen!
public Weltformel(Problem){
      if (Problem gelöst) return Lösung;
      else Weltformel(kleiners Problem);
}
skoda#5
Benutzerbild von skoda
Beiträge: 1189
Wohnort: Boston MA
Registriert: Feb 2006

17.06.2010, 13:32

mit javascript und mootools set lassen sich gute bewegungsfx mit tweens erstellen

sogar recht einfach fuer beginner
no one died when clinton lied
michaelzimmerhofer#6
Benutzerbild von michaelzimmerhofer
Beiträge: 26
Wohnort: Luttach
Registriert: Aug 2003

Themenautor/in

21.06.2010, 09:58

Hallo Leute,
danke für die vielen Antworten. Ich hab mein ganz persönliches Skript gefunden.
Ich poste es heute Abend hier. Es ist super einfach und ganz leicht zu bedienen.

Gruß Michi
michaelzimmerhofer#7
Benutzerbild von michaelzimmerhofer
Beiträge: 26
Wohnort: Luttach
Registriert: Aug 2003

Themenautor/in

21.06.2010, 21:35

Hier mein Skript:
funzt mit jQuery.

// JavaScript Document
///// CONFIGURATION VARIABLES:

var name                = "#slider-in";
var menu_top_limit      = 50;
var menu_top_margin     = 0;
var menu_shift_duration = 200;
var menuYloc = null;
///////////////////////////////////

$(window).scroll(function()
{
    // Calculate the top offset, adding a limit
    offset = menuYloc + $(document).scrollTop() + menu_top_margin;
   
    // Limit the offset to 241 pixels...
    // This keeps the menu out of our header area:
    if(offset < menu_top_limit)
        offset = menu_top_limit;
   
    // Give it the PX for pixels:
    offset += "px";
   
    // Animate:
    $(name).animate({top:offset},{duration:menu_shift_duration,queue:false});
});

AntwortenRegistrieren Seite1  

Schnellantwort

Du musst registriert sein, um diese Funktion nutzen zu können.

 
Ähnliche Beiträge zum Thema
Partner Webseiten: art-and-law.de  Mediengestalter.info   phpwelt.de   Scubacube.de  
Haftungsausschluss   Datenschutzerklärung   Impressum
© 1999-2021 Sebastian Wichmann - Flashhilfe.de