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


بنده یه مشکلی پیدا کردم که با هر روشی تست کردم نتونستم تداخل اینا رو برطرف کنم ، این دو تا کد رو ببینید ، کد اول دو تا ردیفو بالای صفحه بعد از اسکرول فیکس میکنه کد دومی هم برای یه گالری عکسه الان وقتی این دو تا کد میان تو صفحه ، صفحه اسکرول نمیخوره .


کد اول :

$(document).ready(function() {
$(document).scroll(function(){
x = $(document).scrollTop();
if ( x > 63 ) {
$("#nav").addClass("nav-fix");
$(".nav-flt").addClass("navflt-fix");
}else{
$("#nav").removeClass("nav-fix");
$(".nav-flt").removeClass("navflt-fix");
}
});
});


کد دوم :

$(document).ready(function() {
$(".close").click(function(){
$('.descriptions .panel').slideUp();
$('#grid img').removeClass('highlight');
});
// hide all
$('.descriptions .panel').hide('fast');

// show first
//$('#descriptions .panel').eq(0).show();


// handle img click
$('#grid img').click(function(){


// get index of the img that was clicked
var idx = $(this).parent().index();


var row = $(this).parent().parent().next('.row');


// remove special style from all others
$('#grid img').removeClass('highlight');


// add a special style to the clicked image
$(this).addClass('highlight');


// hide all others
$('.descriptions .panel').hide();


// show desc for clicked img
row.find('.descriptions .panel').eq(idx).slideDown();


});

});

تداخل کلاس ها