anzeige nach scrollen der Website

[DBlog]

hallo ich möchte gerne eine kleine Anzeige mit Animation haben, die erst auftaucht wenn man ein wenig runter scrollt.
zB Somewhere Beautiful die copyright Anzeige, rechts unten, vom Designer.

wie mache ich das am besten ?

 

[Cheffchen]

Hallo,

das ist einfaches jquery :O)

einfach wenn scrollposition anders als 0 einblenden

$(window).scroll(function()  { 
  if($(this).scrollTop() != 0) { 
   $('#credit_wrap').fadeIn(); 
  } else {  
   $('#credit_wrap').fadeOut(); 
   } 
});

Cheffchen

 

[DBlog]

wo muss ich das einfügen ?

funktioniert bei mir nicht, der wrap ist leider immer zu sehen.

mit dem code funktioniert es jedoch fehlt die fade Animation und die Animation das es etwas links einrückt um den ganzen Text zu lesen

function showDiv() {
    if ($(window).scrollTop() != 0) {
        $("#sidebar_warp").css({"display": "block"}).fadeIn();
    } else {
        $("#sidebar_warp").css({"display": "none"}).fadeOut();
    }
}
$(window).scroll(showDiv);
showDiv();

 

[Cheffchen]

Hallo,

weil das kein sinn macht, zuerst machst das über display block sichtbar und dann möchtest das einblenden.

und wenn das löscht

.css({"display": "block"})

und das aus der anderen zeile auch.

Cheffchen

 

[DBlog]

danke hat funktioniert
jetzt muss ich nur noch den div von rechts nach links animieren mit animate()

weiss aber leider net ganz genau wie das geht.

der div ist jetzt fixed right -120px
beim mouseover möchte ihn von rechts nach links ungefähr right -100px animieren.
und beim mouseout soll er wieder zurückgehen.
kannst du mir weiterhelfen ?