Verwaltet, um eine feste Schaltfläche hinzufügen, wenn ich die Seite nach unten blättern, aber ich möchte dies bis zu einem bestimmten Punkt (wenn das Nav aus nicht sichtbar ist) ausgeblendet werden.Feste Schaltfläche auf Bildlauf
Ich werde dir meinen Code bis jetzt zeigen und ihr könnt mir hoffentlich zeigen, wo ich falsch gelaufen bin.
CSS
.fixed-btn {
position: fixed;
top: 60px;
right: 80px;
height: 100px;
z-index: 999;
display: none;
}
HTML
<div class="fixed-btn">
<a onclick="fatsomaEventsWidget.showEvent('akvmo30l')" href="#event_id=akvmo30l" class="btn btn--white-bg" href="#" role="button">Get Wristbands</a>
</div>
JS
var wristbands = $(".fixed-btn");
wristbands.on("scroll", function (e) {
if (this.scrollTop > 900) {
wristbands.css('display: block;');
} else {
wristbands.css('display: none;');
}
});
Was das aktuelle Verhalten des Codes ist? – Kornflexx
Javascript ist nicht funktionsfähig, wenn ich also das Anzeigeattribut von CSS entferne, funktioniert es wie beabsichtigt. Ich brauche nur Hilfe, um die Schaltfläche vor einem bestimmten Bildlaufpunkt auf der Seite zu verbergen. –