Schließen Sie die Schaltfläche funktioniert nicht nach dem Scrollen

Question

Okay, so habe ich JQuery und nach dem Klicken auf das Filtersymbol ganze < Körper> bewegt sich nach rechts, Filter-Symbol verschwindet und Filterliste kommt auf, und mit ihr schließen Schaltfläche wird angezeigt. Schließen-Schaltfläche hat Position: behoben, aber Problem ist, dass nach dem Scrollen nach unten Schaltfläche nicht mehr funktioniert, und wenn ich bis zum oberen Rand der Seite scrollen funktioniert es.Hier ist CSS zu dieser Schaltfläche.

#close{ display:none; position:absolute; position:fixed; color:white; cursor:pointer; margin-left:210px; }

https://plnkr.co/edit/TbOf9hkPILJn2snW8D7A es hier. Vielen Dank.

Answer 1

Sie können Z-Index-Eigenschaft zu Ihrem CSS hinzufügen. Die Schließen-Schaltfläche funktioniert nicht mehr, da sie sich hinter den anderen Elementen befindet.

Versuchen Sie, Ihre style.css zu ändern, so dass die # Schließen Stil ist:

#close{ 
    display:none; 
    position:absolute; 
    position:fixed; 
    color:black; 
    cursor:pointer; 
    margin-left:160px; 

    z-index: 100; 

}