Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

DIV immer an der gleichen Fensterposition stehen lassen

Empfohlene Antworten

Veröffentlicht

Hallo Leute,

ich hab ein Div-Tag und möchte, dass das auch beim Scrollen immer an der gleichen Fensterposition stehen bleibt und nicht beim Scrollen mit verschwindet. Es soll ne Javascript-Lösung sein und ich dachte auch, dass man mit Javascript das Scroll-Event irgendwie abfragen kann. Ich hab schon bei Selfhtml und hier im Forum gesucht aber nix gefunden. Kann mir hier vielleicht jemand nen Tipp geben?

Danke!

Verschoben -> Webdesign

Hallo Leute,

ich hab ein Div-Tag und möchte, dass das auch beim Scrollen immer an der gleichen Fensterposition stehen bleibt und nicht beim Scrollen mit verschwindet. Es soll ne Javascript-Lösung sein und ich dachte auch, dass man mit Javascript das Scroll-Event irgendwie abfragen kann. Ich hab schon bei Selfhtml und hier im Forum gesucht aber nix gefunden. Kann mir hier vielleicht jemand nen Tipp geben?

Danke!

css wäre mit sicherheit die bessere/schnellere/einfachere Lösung

Super, danke! Ich denk damit komm ich klar. Nur schade, dass es keine Rundum-Lösung gibt die in allen Browsern den gleichen Effekt hat.

@kills: Ich hab eigentlich CSS mit eingeschlossen, das vergess ich nur gelegentlich zu erwähnen. ;)

Super, danke! Ich denk damit komm ich klar. Nur schade, dass es keine Rundum-Lösung gibt die in allen Browsern den gleichen Effekt hat.

@kills: Ich hab eigentlich CSS mit eingeschlossen, das vergess ich nur gelegentlich zu erwähnen. ;)

css ist die browserunabhängige möglichkeit,......

css ist die browserunabhängige möglichkeit

Hab es nur mit CSS versucht, warum bleiben die Layer nicht stehen?

CSS:


.pos1
{
position:absolute;
width:25px;
height:500px;
z-index:1;
left: 15px;
top: 10px;
background-color:#66ccff;
border-style:none;
}

.pos2
{
position:absolute;
width:100px;
height:20px;
z-index:2;
left: 5px;
top: 30px;
background-color:#000099;
border-style:none;
}
[/PHP]

[b]HTML:[/b]

[PHP]
<div id="Layer1" class="pos1"></div>

<div id="Layer2" class="pos2"></div>

Link

Die Angabe fixed wird weder von Netscape noch vom MS Internet Explorer interpretiert.

Quelle: SELFHTML

Funktioniert bei mir auch nicht.

Hi!

wie schon von anderen bemerkt, ist

position: fixed;

das Zauberwort.

Vielleicht findest Du ja hier [link] eine Lösung für den Internet-Explorer.

Ich verstehe garnicht, warum Leute immer noch zwischen Explorer und Navigator unterscheiden. Mozilla wird doppelt so oft benutzt wie der Navigator. [link]

Was ich auch nicht verstehe ist, warum Microsoft behauptet, der Internet Explorer sei Standardkonform mit CSS, was er faktisch nicht ist (siehe fehlendes "position: fixed;" oder die fehlerhafte Box-Modell Interpretation [link]).

Ich weiß, es ist müßig sich darüber aufzuregen, aber man fragt sich schon wozu es Standards gibt.

Gruß, Tobias

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.