PDA

View Full Version : مدیریت منو و اسکرول بار



aleas2
چهارشنبه 10 اردیبهشت 1393, 01:09 صبح
سلام خسته نباشید یه سر به این سایت بزنین
http://www.delgarm.com/sms-jokes/63487-%...8%B3%D8%AA (http://www.delgarm.com/sms-jokes/63487-%D8%AA%D9%88%D9%84%D8%AF%D8%AA-%D9%85%D8%A8%D8%A7%D8%B1%DA%A9-%D8%AA%D9%88%D9%84%D8%AF-%D8%AF%D9%88%D8%B3%D8%AA)
اسکرور بار تا اخر صفحه ببرین پایین اگر توجه کنین در یه قسمتی وقتی اسکروبار حرکت میدین منو دو طرف حرکت نمیکنه ولی وسط حرکت میکنه ! به این روش چی میگن که بتونم تو گوگل راجبش تحقیق کنم؟ یا خودتون بگین چطور میشه همچین کاری کرد؟

satrap92
چهارشنبه 10 اردیبهشت 1393, 13:13 عصر
اگر بخواین یک منو رو ثابت نگه دارین می تونین از Css و فیکس کردن دیو (همراه با بالا بردن z-index) استفاده کنین (مثلا برای منوهای بالای تصویر که همیشه بالا می مونن استفاده میشه). اما برای اینکه مثل این سایت توی اسکرول منو ثابت بشه می تونی از جی کوئری استفاده کنی
if($(window).scrollTop() > 0){ $("#element").css({'position' : 'fixed'}); }

aleas2
چهارشنبه 10 اردیبهشت 1393, 16:24 عصر
این کد باید کجا قرار داد؟تو کدوم قسمت سایت؟

دانیال دزفولی
چهارشنبه 10 اردیبهشت 1393, 19:03 عصر
سلام

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
if ($(window).scrollTop() > 0) {
$("#element").css({
'position': 'fixed'
});
}
</script>

توی تگ head بذارید
این کد رو که دستکاری کنید میتونید به چیزی که میخواید برسید



<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
این هم یه فایل جی کوریه که باید حتما برای اجرای کد توی صفحه لود بشه اگر هم میخواید که این فایل رو در سیستم خودتون داشته باشید از اینجا (http://code.jquery.com/jquery-1.11.0.min.js)دانلودش کنید
صفحه که لود شد اونو سیو کنید(کنترل + s)