درخواست راهنمایی ویرایش کد جیکوئری

[Sange Sabur 4]

با سلام خدمت دوستان و اساتید

من برای چسبیدن منو با بالا در حالت اسکرول در قالب از کد زیر استفاده کردم که + کد سی اس اس با موفقیت انجام دادم

<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]

با مقداری آزمون و خطا اینو بدست آوردم که کار میکنه ولی میخوام مطمئن بشم مشکل کدنویسی و ... نداشته باشه

لطفا دوستانی که وارد هستند راهنمایی کنند که ایرادی داره داره یا نه؟

<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]

سلام

ببینید بسته به کدتون داره

بهترین راه این هست

وقتی اسکرول از 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 بنویسید

اگر لازم بود بفرمایید توضیح بیشتر داده بشه

[Sange Sabur 4]

سلام

ببینید بسته به کدتون داره

بهترین راه این هست ...

سلام و تشکر از پاسخ

بله نظر شما متین و صحیحه و این کدها رو هم میشه استفاده کرد ولی من مشکلی در css این مورد ندارم و همه چیز هم مطلوب و صحیح کار میکنه و تسلط نسبتا خوبی بر css دارم ولی جیکوئری خیر

فقط میخوام ببینم کدهای جیکوئری که در پست آخرم گذاشتم ایراد کدنویسی نداشته باشه ، مثلا در css گاهی یه div کم یا زیاد میذاریم نشون نمیده ولی از نظر کدنویسی ایراد داره و باید درست بشه

* البته الان دقت کردم کدهای شما برای منظور من قابل استفاده نیست چون لوگو رو در حالت معمولی منو نمیخوام داشته باشم و وقتی اسکرول شد و منو به بالا چسبید ظاهر بشه که مجبورم کلاس جدا براش تعریف کنم که در کدهای جیکوئری جداگانه دستور تغییرش داده بشه

ویرایش شده آبان 93 توسط Sange Sabur

[مهدی 1668]

این رو ببینید

کد شما مشکلی نداره البته

[Sange Sabur 4]

این رو ببینید

کد شما مشکلی نداره البته

مرسی منظورم همین بود تست میکنم ، من لوگو رو بصورت متن گذاشته بودم که بصورت تئوری روش شما هم جواب میده و مختصرتره که حتما تست میکنم

تشکر از زحمتی که کشیدید

ویرایش شده آبان 93 توسط Sange Sabur