مشکل در ثابت ماندن منو

[mamal00]

با سلام،بنده منویی طراحی کردم که با فرمان جی کوئری کاری کردم که وقتی صفحه اسکرول بخوره منو در بالای صفحه تغییر کنه و ثابت بشه(منو آبشاریه)،اما مشکل اینه که وقتی اسکرول میخوره با موس که میریم در محل زیر منو ها باز میشه در حالی که تنها باید وقتی روی گزینه موردنظر برم زیر منو بازبشه!!
برای اینکه مشکلم رو دقیق متوجه بشید این منو هست: http://collectionshopping.ir/ (به منو دقت کنید)

اینم کد اسکریپت که نوشتم
[JSS]
<script>

$(document).ready(function () {
var top = $('.nav').offset().top - parseFloat($('.nav').css('marginTop').replace(/auto/, 0));
$(window).scroll(function (event) {
var y = $(this).scrollTop();
if (y >= top) {
$('.nav').addClass('fixed2');
} else {
$('.nav').removeClass('fixed2');
}
});
});


</script>



[/JSS]

 

[bestdata]

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

 

[mamal00]

نگاه کنید من الان با موس روی گزینه کفش زنانه نرفتم ولی پایینش روی اون فضایی که قراره زیر مجموعه ظاهر بشه میرم منو باز میشه،فقط دقت کنید که وقتی اسکرول میخوره اینجوری میشه یعنی وقتی منو اول سرجاشه این مشکل نیست!!