2017-05-07 2 views
0

Ich bin mir nicht sicher, ob dies das beabsichtigte Verhalten ist, aber wenn ich JS auf einem festen Element anmelde, wird die Benachrichtigung angezeigt, als ob das Element mit absoluter Positionierung platziert wurde. Zum Beispiel:Benachrichtigen, dass JS auf festen Elementen nicht richtig funktioniert?

HTML:

<div class="box"></div> 

CSS:

.box { 
    width: 10vw; 
    height: 10vh; 
    position: fixed; 
    top: 2vh; 
    border: solid 2px; 
} 

Javascript:

$(".box").notify("Click me!",{position:"bottom center",className:"success"}); 

JS Fiddle: https://jsfiddle.net/kwzL4999/

Scroll ein bisschen nach unten und klicken Sie auf e um mein Problem zu sehen.

Antwort

1

Eine Alternative ist zum Beispiel "notify" in Ihrem div mit der Klasse ein div mit Klasse verwenden "Box"

HTML

<div class="box"> 
    <div class="notify"></div> 
</div> 

Javascript

$(".notify").on("click",function(){ 
$(this).notify("Click me!",{position:"bottom center",className:"success"}); 
}); 

Beispiel Jsfiddle: Jsfiddle

+0

ich eigentlich eine Arbeit gefunden d allein, indem ich die notify css-Regeln mit JS ändere (um die Position der Benachrichtigung zu fixieren), aber dies ist eine viel sauberere und effektivere Lösung. –

Verwandte Themen