Fixed, Sticky Element bei Footer gestoppt

Question

Ich benutze jSticky Javascript, um ein Element schweben, bis es zu einem Stopper (in diesem Fall ist es die Fußzeile) scrollt und dann stoppt es.

Dies funktioniert hervorragend für nicht fixierte Elemente, aber ich bin mir nicht sicher, wie dies erreicht werden kann, wenn das Element unten rechts im Browserfenster fixiert ist. Ich möchte es etwa 15 Pixel von der unteren und rechten Seite des Ansichtsfensters entfernen. Irgendwelche Ideen?

http://phostercreative.com/test/

Brian

Answer 1

Wenn ich Sie richtig verstehe, wollen Sie das Play-Symbol bewegen von unten rechts auf der Seite 15px weg, und haben sie verschwinden, wenn die Fußzeile erreicht ist?

Der einfachste Weg, darüber zu gehen, ist die Taste selbst absolut zu machen positioniert:

.fixed-button { 
    position: absolute; 
    right: 15px; 
    bottom: 15px; 
} 

Beachten Sie, dass position: absolute wird es nicht in der Fußzeile zu stoppen. Um das zu umgehen, können Sie float: right verwenden, aber Sie müssten jSticky ändern, um von bottom anstelle von top zu arbeiten. Ich bin mit jSticky nicht vertraut, aber die Änderung würde das gewünschte Ergebnis ermöglichen.

Hoffe, das hilft! :)