Ergebnis 1 bis 10 von 10
  1. 10-04-2007, 18:14 #1
    flashfreak
    flashfreak ist offline Mitglied
    registriert
    10-02-2005
    Beiträge
    26

    DIV mittels JS immer an Browser-Top ausrichten ?!

    Tach auch,
    ich habe mal vor ner weile auf einer Webseite ein, neben einem mittig platzierten Content, positioniertes DIV mit google Werbung gesehen. Dieses DIV ist dann beim runter scrollen langsam mit nach unten gegangen und hat sich danach direkt an der oberen Browser Leiste fest positioniert.

    Ähnliches würde ich nun gerne auch bei mir anwenden, finde aber weder die Seite noch ein vergleichbares Script.

    Falls ihr wisst was ich meine, und vielleicht sogar ein Snippet oder Link da hättet wäre ich euch wirklich dankbar wenn ihr das hier Posten könntet.
    Habe etwas ähnliches eben bei einer DHTML Navigation gesehen, aber das war leider nicht das was ich suche.


    Edit: Sowas wie hier: Referenzen von KMU-Weblösungen, nur nicht so zackig
    script.aculo.us hatte mal sowas, aber irgendwie find ich es nicht mehr :-/


    Servuz
    flashfreak
    Geändert von flashfreak (10-04-2007 um 18:30 Uhr)
    Zitieren Zitieren
  2. 10-04-2007, 18:56 #2
    Avatar von dkdenz
    dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    Stichwörter: css position fixed
    Dirk Klar - Webdesign Lübeck
    Twitter
    G+
    Zitieren Zitieren
  3. 10-04-2007, 18:58 #3
    flashfreak
    flashfreak ist offline Mitglied
    registriert
    10-02-2005
    Beiträge
    26

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    Zitat Zitat von dkdenz Beitrag anzeigen
    Stichwörter: css position fixed
    Nene, ich will ja einen Effekt dafür haben, das es sozusagen "nach huscht" und nicht statisch oben kleben bleibt.
    Zitieren Zitieren
  4. 10-04-2007, 19:08 #4
    Avatar von dkdenz
    dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    Na, dann würde ich mir eben das Script von der von Dir geposteten Seite mal genauer anschauen.
    Natürlich nur rein informativ, zu Lernzwecken...
    Dirk Klar - Webdesign Lübeck
    Twitter
    G+
    Zitieren Zitieren
  5. 10-04-2007, 19:14 #5
    flashfreak
    flashfreak ist offline Mitglied
    registriert
    10-02-2005
    Beiträge
    26

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    Zitat Zitat von dkdenz Beitrag anzeigen
    Natürlich nur rein informativ, zu Lernzwecken...
    ... versteht sich doch von selbst

    Naja im prinzip ist mir ja klar wie sowas zustande kommt, ich suche halt nach einer Lösung die einfach anzupassen ist und wo ich so wenig wie möglich herumdoktorn muss bis es shey aussieht.

    Ich habe leider nicht die Zeit das Script erstmal zu analysieren und dann anzupassen, denn Zeit ist nunmal Geld.
    Zitieren Zitieren
  6. 10-04-2007, 19:28 #6
    Avatar von dkdenz
    dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    Zitat Zitat von flashfreak Beitrag anzeigen
    Ich habe leider nicht die Zeit das Script erstmal zu analysieren und dann anzupassen, denn Zeit ist nunmal Geld.
    Aha, aber andere sollen ihre Zeit opfern und Dir das auf dem Silbertablett liefern?
    Diese Deine Aussage würde ich schon fast als frech bezeichnen!
    Dirk Klar - Webdesign Lübeck
    Twitter
    G+
    Zitieren Zitieren
  7. 10-04-2007, 19:31 #7
    flashfreak
    flashfreak ist offline Mitglied
    registriert
    10-02-2005
    Beiträge
    26

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    Zitat Zitat von dkdenz Beitrag anzeigen
    Diese Deine Aussage würde ich schon fast als frech bezeichnen!
    Du hast da was falsch verstanden! Ich suche nicht jemanden der mir sowas bastelt, sondern freue mich wenn jemand eine Seite kennt wo es sowas gibt, oder vielleicht was eigenes hier reinstellen mag.

    PS: Du hast also noch nie ein fertiges Snippet benutzt ?, Du bist sicher auch einer der das Rad immer wieder neu erfindet !

    Wie auch immer, ich suche eben ein solches Snippet, wenn DU keins hast, ist es okay, ich warte dann einfach weiter, vielleicht kennt der ein oder andere ja eine Seite wo es sowas schon gibt.
    Geändert von flashfreak (10-04-2007 um 19:34 Uhr)
    Zitieren Zitieren
  8. 10-04-2007, 19:49 #8
    Avatar von dkdenz
    dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    Dirk Klar - Webdesign Lübeck
    Twitter
    G+
    Zitieren Zitieren
  9. 11-04-2007, 08:18 #9
    Avatar von Speedy19102000
    Speedy19102000
    Speedy19102000 ist offline Routinier
    registriert
    01-06-2006
    Ort
    Osnabrück
    Beiträge
    313

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    Moin!

    Zitat Zitat von flashfreak Beitrag anzeigen
    ..., nur nicht so zackig
    Code:
    <html>
<head>
<title>Test</title>

<style type="text/css">
body {
margin: 0px;
padding: 0px;
overflow: hidden;
}

#fixMenu {
position: absolute;
top: 10px;
left: 10px;
z-index: 100;
}

#scrollContent {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: auto;
}
</style>

</head>
<body bgcolor="#666666">

<div id="fixMenu">
     <table border="2" cellpadding="2" cellspacing="0" width="140" bgcolor="#AAAAAA">
      <tr>
       <td align="center">
     dummy text dummy text dummy text dummy text dummy text dummy text<br>
     <a href="#">link 1</a>&nbsp;
     <a href="#">link 2</a><br>
     <a href="#">link 3</a>&nbsp;
     <a href="#">link 4</a>
       </td>
      </tr>
     </table>
</div>

<div id="scrollContent">
   <span style="position: absolute; left: 160; top: 0;">
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
   </span>
</div>

</body>
</html>
    Mit Sicherheit nicht "Zackig"! Allerdings ohne Effekt. Nervt eh nur!

    MfG Speedy
    Geändert von Speedy19102000 (11-04-2007 um 08:23 Uhr)
    Sein oder Nichtsein, das ist hier die Frage!
    Zitieren Zitieren
  10. 11-04-2007, 10:05 #10
    flashfreak
    flashfreak ist offline Mitglied
    registriert
    10-02-2005
    Beiträge
    26

    AW: DIV mittels JS immer an Browser-Top ausrichten ?!

    @Speedy19102000
    Danke aber eben das ist wiegesagt leider nicht gewünscht so :-/

    Habe aber wieder durch zufall die Webseite entdeckt wo ich das damals gesehen habe:
    FILMSTARTS.de
    Zitieren Zitieren
« Vorheriges Thema | Nächstes Thema »

Ähnliche Themen

  1. script das div id ändert ?
    Von darkstar im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 22-08-2006, 13:02
  2. Deaktivierung von Text mittels Div Styles
    Von FireMail im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 18-03-2006, 19:04
  3. Popup always on top in Browser
    Von nuub im Forum JavaScript
    Antworten: 20
    Letzter Beitrag: 12-08-2005, 06:42
  4. Ohne innerHTML inhalt, der von browser interpretiert wird, in div schreiben
    Von Phat-Tobi im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 22-03-2005, 20:53
  5. Zerschossenes Design
    Von Clausgrm im Forum Allgemeines
    Antworten: 19
    Letzter Beitrag: 26-04-2003, 15:36

Lesezeichen

Berechtigungen

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

Foren-Regeln