Aloha Community,
ich habe ein js erstellt, welches dafür sorgen soll, dass auf einer Seite ein Bildschirmfüllendes Banner angezeigt wird. Dazu soll vorerst auch der Header versteckt werden. Wird aus dem Banner herausgescrollt oder der Continue-Button angeklickt, so soll der Header erscheinen.
das Skript dazu schaut so aus:
anzuschauen auf der Seite http://yoshi.dynu.com/flexosite
Mein Problem ist, dass der anfänglich versteckte Header nicht auf .slideDown() reagiert. auch ein .show() funktioniert nicht.
Alle anderen Funktionen funktionieren wie gewünscht (scrollstop nach oben, button).
Kann mir hier jemand auf die Sprünge helfen, was ich falsch mache?
Grüße
ich habe ein js erstellt, welches dafür sorgen soll, dass auf einer Seite ein Bildschirmfüllendes Banner angezeigt wird. Dazu soll vorerst auch der Header versteckt werden. Wird aus dem Banner herausgescrollt oder der Continue-Button angeklickt, so soll der Header erscheinen.
das Skript dazu schaut so aus:
Code:
jQuery('.site-header').hide();
jQuery('.loadinggif').hide();
var clicked = 0;
jQuery(document).ready(function($) {
$('.site-header').after('<img id="banner" style="width:100%; margin-top:-240px; position:relative" src="https://i.imgflip.com/kpvez.jpg"></img>');
$('.site-header').after('<button id="continuebutton" style="z-index:10; position:absolute; margin-left:48%; margin-top:30%">Continue</button>');
$("#continuebutton").click(function() {
$('.site-header').style = "margin-top: -10px";
$('.site-header').slideDown(500);
$('.entry-content').animatescroll({scrollSpeed: 1500,padding: 0,});
clicked = 1;
});
});
window.onscroll = function($) {
jQuery('.site-header').slideDown(500);
var height = jQuery('#banner').height() + 19;
if (clicked == 1) {
if (jQuery(window).scrollTop() < height) {
jQuery('.entry-content').animatescroll({scrollSpeed: 0,padding: 240,});
}
}
if (jQuery(window).scrollTop() > height) {
clicked = 1;
}
}
anzuschauen auf der Seite http://yoshi.dynu.com/flexosite
Mein Problem ist, dass der anfänglich versteckte Header nicht auf .slideDown() reagiert. auch ein .show() funktioniert nicht.
Alle anderen Funktionen funktionieren wie gewünscht (scrollstop nach oben, button).
Kann mir hier jemand auf die Sprünge helfen, was ich falsch mache?
Grüße
Zuletzt bearbeitet: