PDA

View Full Version : ظاهر شدن منوی بالا با رفتن به یه کم پایین تر از سایت



alibehi
جمعه 08 خرداد 1394, 18:34 عصر
با سبلام
یه یه سوال داشتم چطوری کاری کنم که منو بالای صفحه با رفتن به یه کم پایین تر ضاهر بشه؟

malloc
جمعه 08 خرداد 1394, 18:38 عصر
????
شما واقعا سوالتو کامل پرسیدی ؟

الان دقیقا چیو میخوای تکون بدی ؟؟؟

alibehi
جمعه 08 خرداد 1394, 20:17 عصر
http://www.templatemonster.com/demo/53797.html
اگر به پایین تر صفحه برید میبینید که در یک مکان خاص یه عکس ظاهر میشه
کد جیکوئری که استفاده شده رو میخاستم
ممنون البته اینو میخاستم برای منوی بالا سایت بذارم که با حرکت اسکرول به سمت پایین منو برای کاربر ظاهر بشه

elham01
جمعه 08 خرداد 1394, 20:41 عصر
سلام
یه div تعریف کن..
به طور مثال

<div id='to_top'> <a href='#header'> &uarr; </a> </div>

بعد جاوا

<script>

window.onscroll=function(){

if(window.pageYOffset > 100){

to_top.style.opacity='1';
to_top.style.top = window.pageYOffset+ window.innerHeight - 100 +'px';
}

else{

to_top.style.opacity='0';
to_top.style.top = 100 +'px';
}
}
</script>

همین :)

alibehi
شنبه 09 خرداد 1394, 12:00 عصر
ممنون ولی من جوابی نگرفتم از این کد
وقتی اسکرول رو حرکت میدادم منو محو میشد و زمانی که به بالا برمیگشتم دگ ظاهر نمیشد
من میخام زمانی که مثلا به اندازه 1000 پیکسل از اول صفحه کاربر اومدش پایین منو براش نمایش داده بشه

elham01
شنبه 09 خرداد 1394, 12:58 عصر
ممنون ولی من جوابی نگرفتم از این کد
وقتی اسکرول رو حرکت میدادم منو محو میشد و زمانی که به بالا برمیگشتم دگ ظاهر نمیشد
من میخام زمانی که مثلا به اندازه 1000 پیکسل از اول صفحه کاربر اومدش پایین منو براش نمایش داده بشه

برای منو دو تا class با cssبنویسین
مثلا برای منو که میخواین اول سایت و بالا قرار بگیره یه class به اسم orginal بزارید و پیشفرض را orginal بزارید
و وقتی که میخواید با اسکرول منو ظاهر شود دوباره برای این کلاس scroll بزارید و position را fix کنید

بعد یه دستور ساده جاوا شبیه قبلی



window.onscroll=function(){

if(window.pageYOffset > 1000){
';
top_menu.className=top_menu.className.replace('ori ginal' , 'scrolled');
}
else{
top_menu.className=top_menu.className.replace( 'scrolled' , 'original');
}
}

elham01
شنبه 09 خرداد 1394, 13:01 عصر
ممنون ولی من جوابی نگرفتم از این کد
وقتی اسکرول رو حرکت میدادم منو محو میشد و زمانی که به بالا برمیگشتم دگ ظاهر نمیشد
من میخام زمانی که مثلا به اندازه 1000 پیکسل از اول صفحه کاربر اومدش پایین منو براش نمایش داده بشه

برای منو دو تا class با cssبنویسین
مثلا برای منو که میخواین اول سایت و بالا قرار بگیره یه class به اسم orginal بزارید و پیشفرض را orginal بزارید
و وقتی که میخواید با اسکرول منو ظاهر شود دوباره برای این کلاس scroll بزارید و position را fix کنید

بعد یه دستور ساده جاوا شبیه قبلی



window.onscroll=function(){

if(window.pageYOffset > 1000){

top_menu.className=top_menu.className.replace('ori ginal' , 'scrolled');
}
else{
top_menu.className=top_menu.className.replace( 'scrolled' , 'original');
}
}

alibehi
شنبه 09 خرداد 1394, 18:02 عصر
ممنون ولی من راسش خیلی اینا رو بلد نیستم اگر نمونه اید دارید ممنون میشم بگذاریدش