کد نمایش المنت بعد از اسکرول به پایین

[kia_hajix]

سلام دوستان اول از اینکه تاپیک زدم شرمنده چون توی انجمن گشتم نبود
من کد یک منو می خوام که بعد از اسکرول صفحه به پایین و یا بعد از رد کردن هدر ظاهر بشه

دوستان اگر این کد با css و یا html5 هم میشه لطفا اونو بدن زیاد حالت انیمیشنش برام مهم نیست
اگر بشه مانند نمونه بشه که خیلی ممنون وقتی صفحه رو به سمت پایین اسکرول میکنید در سمت راست یک منو ظاهر میشه مثل اون می خوام
اگر میشه به صورت ساده توضیح بدید
بازم ممنون
http://asiatech.ir/

[Saber Mogaddas]

سلام
به کد زیر توجه کنید :


$(document).ready(function(){
$(window).scroll(function(){
var h = $('#wrap').height();
var y = $(window).scrollTop();
if( y > (h*.25) && y < (h*.75) ){
$("#tips").fadeIn("slow");
} else {
$('#tips').fadeOut('slow');
}
});
})

دو تا متغییر داریم h,y ما برای طراحیمون از یه دیو wraper استفاده کردیم که تمامی محتوای وب سایتمون رو دربر میگیره (پوشش میده) ، متغییر h اینجا طول (height ) این تگ wraper رو میگیره و متغییر y مقدار اسکرول مرورگر رو میگیره .. و بعد با یک دستور if else ساده یه مقایسه از نظر ارتفاع (مثلا : 25 ) و مقدار اسکرول (مثلا : 75) اگه شرط درست بود تگ tips ما با افکت fadein ظاهر خواهد شد در غیر این صورت (else) تگ دیو ما با افکت fadeout محو خواهد شد..دمو (http://jsbin.com/uyedi5/edit#source)
موفق باشید..

[kia_hajix]

واقعا از این دوست خوبم با این معلومات و اخلاق خوب ممنونم

[Mohsen.]

من با استفاده از کدی که گفتید دکمه ای که وقتی اسکرول پایین هست اون رو به بالا میبره نوشتم. فقط نمیدونم چه جوری به scroll مقدار بدم.
این رو نوشتم کار نکرد.

$(window).animate({scrollTop:1,},5000);

[Mohsen.]

فهمیدم
فکر نکنم بشه به صورتی که بالا گفتم به scroll مقدار داد.
ولی میشه اینجوری مقدار داد.

$('body').animate({scrollTop : 0},'slow');