Sange Sabur 4 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 (ویرایش شده) با سلام خدمت دوستان و اساتیدمن برای چسبیدن منو با بالا در حالت اسکرول در قالب از کد زیر استفاده کردم که + کد سی اس اس با موفقیت انجام دادم<script type="text/javascript">jQuery("document").ready(function($) {var nav = $('.nav-wrap');$(window).scroll(function() {if ($(this).scrollTop() > 135) { nav.addClass("fixmenu");} else { nav.removeClass("fixmenu");}});});</script>ولی میخوام نتیجه رو برای نمایش دادن یک لوگوی کوچیک هم در سمت راست منو گسترش بدمچیزی که بنظرم رسید اضافه کردن یک span و دادن خاصیت display: none به اون بود که با اسکرول شدن به میزان تعریف شده به display: block تغییر کنه و محتویات span نمایش داده بشه و چون جی کوئری بلد نیستم به این صورت ویرایش کردم که درست عمل میکنه ولی بنظرم اومد ممکنه نوشتارش اشتباه باشه<script type="text/javascript">jQuery("document").ready(function($) {var nav = $('.nav-wrap');$(window).scroll(function() {if ($(this).scrollTop() > 135) { nav.addClass("fixmenu");} else { nav.removeClass("fixmenu");}});});jQuery("document").ready(function($) {var span = $('.nav-wrap span');$(window).scroll(function() {if ($(this).scrollTop() > 135) { span.addClass("fixspan");} else { span.removeClass("fixspan");}});});</script>بنابراین لطفا راهنمایی و کد صحیح رو زحمت بکشید ذکر کنیدمتشکرم ویرایش شده آبان 93 توسط Sange Sabur نقل قول لینک به ارسال
Sange Sabur 4 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 با مقداری آزمون و خطا اینو بدست آوردم که کار میکنه ولی میخوام مطمئن بشم مشکل کدنویسی و ... نداشته باشهلطفا دوستانی که وارد هستند راهنمایی کنند که ایرادی داره داره یا نه؟<script type="text/javascript">jQuery("document").ready(function($) { var nav = $('.nav-wrap'), span = $('.nav-wrap span'); $(window).scroll(function() { if ($(this).scrollTop() > 135) { nav.addClass("fixmenu"); span.addClass("fixspan"); } else { span.removeClass("fixspan"); nav.removeClass("fixmenu"); } });});</script> نقل قول لینک به ارسال
مهدی 1668 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 سلامببینید بسته به کدتون دارهبهترین راه این هستوقتی اسکرول از x رد شد از این حالت<div id="nav" class=""><div class="logo"></div><div class="menu"></div></div>به این حالت تغییر وضعیت بده<div id="nav" class="y"><div class="logo"></div><div class="menu"></div></div>بعد در حالت اول css رو بدون لحاظ y بنویسیددر خالت دوم هم چون y اضافه میشه css رو بر اساس y بنویسیداگر لازم بود بفرمایید توضیح بیشتر داده بشه 1 نقل قول لینک به ارسال
Sange Sabur 4 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 (ویرایش شده) سلامببینید بسته به کدتون دارهبهترین راه این هست ...سلام و تشکر از پاسخبله نظر شما متین و صحیحه و این کدها رو هم میشه استفاده کرد ولی من مشکلی در css این مورد ندارم و همه چیز هم مطلوب و صحیح کار میکنه و تسلط نسبتا خوبی بر css دارم ولی جیکوئری خیرفقط میخوام ببینم کدهای جیکوئری که در پست آخرم گذاشتم ایراد کدنویسی نداشته باشه ، مثلا در css گاهی یه div کم یا زیاد میذاریم نشون نمیده ولی از نظر کدنویسی ایراد داره و باید درست بشه* البته الان دقت کردم کدهای شما برای منظور من قابل استفاده نیست چون لوگو رو در حالت معمولی منو نمیخوام داشته باشم و وقتی اسکرول شد و منو به بالا چسبید ظاهر بشه که مجبورم کلاس جدا براش تعریف کنم که در کدهای جیکوئری جداگانه دستور تغییرش داده بشه ویرایش شده آبان 93 توسط Sange Sabur نقل قول لینک به ارسال
مهدی 1668 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 این رو ببینیدکد شما مشکلی نداره البته 1 نقل قول لینک به ارسال
Sange Sabur 4 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 (ویرایش شده) این رو ببینیدکد شما مشکلی نداره البتهمرسی منظورم همین بود تست میکنم ، من لوگو رو بصورت متن گذاشته بودم که بصورت تئوری روش شما هم جواب میده و مختصرتره که حتما تست میکنمتشکر از زحمتی که کشیدید ویرایش شده آبان 93 توسط Sange Sabur نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .