У меня есть панель навигации и боковая панель, которая отображается внизу на моей странице при ее загрузке. Но когда вы прокручиваете вниз, он должен добавить определенные css, чтобы изменить их положение. Но похоже, что это не работает только в IE. Может ли кто-нибудь сказать мне, как исправить это в IE?
Это мой код:
// SCRIPT FOR STICKY SIDEBAR AND NAV
$(function() {
var stickyRibbonTop = $('#second').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > stickyRibbonTop ) {//background: rgba(999,999,999,0.7);height: 80px;width: 100%80
$('#stickyribbon').css({position: 'fixed', top: '0px',maxHeight:'50px',width:'100%',zIndex: '123'});
$('#sidebar').css({position: 'fixed', bottom: '26%',zIndex: '13'});
} else {
$('#stickyribbon').css({position: 'static', top: '0px'});
$('#sidebar').css({position: 'absolute', bottom: '-75%'});
}
});
});
UPDATE: как я вижу сейчас, когда я регистрирую значение $(window).scrollTop()
он всегда равен 0 - ноль
Попробуйте $(document).scroll
вместо этого
if( $(window).scrollTop()
на if( $(document).scrollTop()
?)
'
на значенияхzIndex
; тебе они не нужны.