ورود

View Full Version : منوی ثابت در عین متحرک بودن!



mahdi.iqu
چهارشنبه 14 فروردین 1392, 07:17 صبح
سلام بر دوستان
توی خیلی از سایت ها دیدم منوی بالاشون ثابت هست ولی وقتی که اسکرول میکنیم متحرک میشه!!
نمونه زنده:
http://www.naghsh-negar.ir/
خیلی دوست دارم شیوه این کار رو یاد بگیرم
خواهش میکنم کمک کنید

dr.undead
چهارشنبه 14 فروردین 1392, 22:15 عصر
دوست عزیز این سایت میتونه کامل کمکت کنه

http://www.webtarget.ir/blog/%D8%B3%D8%A7%D8%AE%D8%AA-sticky-menu-%DB%8C%D8%A7-%D9%85%D9%86%D9%88%DB%8C-%DA%86%D8%B3%D8%A8%D9%86%D8%AF%D9%87-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AC%DB%8C-%DA%A9/#more-1464

mahdi.iqu
پنج شنبه 15 فروردین 1392, 23:18 عصر
داداش مرسی عالی بود و حرف نداشت!
میشه یه نمونه دیگه هم قرار بدید؟

2undercover
جمعه 16 فروردین 1392, 08:30 صبح
اینجا (http://barnamenevis.org/showthread.php?390824) هم من یک نمونه (http://barnamenevis.org/showthread.php?390824) نوشتم.

mahdi.iqu
پنج شنبه 22 فروردین 1392, 15:33 عصر
عالی عالی عالی....
فقط یه سوال
این قسمت رو میشه یه توضیح بدید؟



<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if($(window).scrollTop()>60)
{
$('#Nav').fadeIn('fast');
}
if($(window).scrollTop()<60)
{
$('#Nav').fadeOut('fast');
}
});
});
</script>

2undercover
پنج شنبه 22 فروردین 1392, 20:42 عصر
$(window).scroll(function(){
در این قسمت هر وقت که کاربر توی صفحه اسکرول رو حرکت داد تابع رو اجرا می کنیم!


if($(window).scrollTop()>60)
توی این شرط چک می کنیم که فاصله اسکرول از بالای صفحه چقدر هست اگر که بیشتر یک مقدار خاص بود (در اینجا مقدار 60 رو در نظر گرفتیم) که منو ظاهر بشه توسط دستور زیر:
$('#Nav').fadeIn('fast');


بعدش هم با شرط زیر چک می کنیم که اگه اسکرول کمتر از مقدار خاصی بود (یعنی کاربر بالای صفحه بود) منو رو محو کنیم:

if($(window).scrollTop()<60)