مشکل در منو متحرک

[alam7o 92]

با سلام

خواستم منو سایت رو متحرک کنم

این کد منو هست

<div class="body2">
<ul id="nav">
<li><?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1'); ?></li>
</ul></div>

حالا این کد رو هم به زیر تگ head اضاففه کردم ولی منو متحرک نشد ! مشکلش کجاس ؟

<script type="text/javascript">
jQuery("document").ready(function($){

    var nav = $('.body2');

    $(window).scroll(function () {
	    if ($(this).scrollTop() > 30) {
		    nav.addClass("nav");
	    } else {
		    nav.removeClass("nav");
	    }
    });
});
</script>

[مهدی 1668]

سلام

خوب باید براش کلاس هم تعریف کنی

این کد جاوا میگه اگر اسکرول از بالا ۳۰ پیکسل فاصله داشته کلاس nav رو به کلاس body2 اضافه کن

حالا باید این کد css رو هم اضافه کنی

.nav #nav{
position:fixed
}

این آموزش هم ببینید

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