2013-06-05 3 views
0

У меня есть использование сайта jquery colorbox.JQuery colorbox не может нажать stickyfooter

Однако мой цветной номер div's height выше, чем размер окна.

Цветной бокс z-index сверху. Поэтому он не может нажать на мой css sticky footer.

Есть ли способ решить эту проблему? или это возможно, чтобы удалить нижний колонтитул, когда пользователь нажмет colorbox и вернет его после того, как пользователь закроет окно.

#container{ 
    min-height:100%; height: 100%; height: auto !important; 
    width:1110px; overflow:hidden; 
    margin: 0 auto; 
} 
#footer{ 
    position:relative; 
    left: 0; 
    bottom: 0; 
    height:50px; width:100%; background:#4D4D4D; 
} 
+0

Я не вижу ссылки на 'z-index' в коде, который вы опубликовали. Кроме того, '# container' должен быть colorbox? Являются ли эти «div» для этих двух элементов? Вероятно, вы захотите добавить дополнительную информацию к этому вопросу. И http://jsfiddle.net, демонстрирующий проблему, тоже поможет. –

ответ

2

По colorbox documentation вы можете использовать cbox_load и cbox_closed события.

$(document).bind('cbox_load', function() { 
    $('#footer').hide(); 
}); 

$(document).bind('cbox_closed', function() { 
    $('#footer').show(); 
}); 

Или вы можете использовать onLoad, onClosed обратных вызовов.

+0

thx много! он отлично работает! – user2178521

+0

Добро пожаловать :) – Morpheus