Jquery Tinyscrolllbar高度未更新
我有一个小部件,它的高度是动态设置的。然而,当小部件容器的高度改变时,滚动条的高度似乎不会更新。当我滚动到小部件的底部时,会出现额外的空白。该小部件也具有响应能力,因此在桌面视图中它位于右侧,在移动视口中它停靠在底部Jquery Tinyscrolllbar高度未更新,jquery,tinyscrollbar,Jquery,Tinyscrollbar,我有一个小部件,它的高度是动态设置的。然而,当小部件容器的高度改变时,滚动条的高度似乎不会更新。当我滚动到小部件的底部时,会出现额外的空白。该小部件也具有响应能力,因此在桌面视图中它位于右侧,在移动视口中它停靠在底部 $('.isi-widget').tinyscrollbar({ thumbSize: 50 }); $('.scrollbar').fadeOut(); $('.isi-widget').hover( function(){
$('.isi-widget').tinyscrollbar({ thumbSize: 50 });
$('.scrollbar').fadeOut();
$('.isi-widget').hover(
function(){
$('.scrollbar').fadeIn();
},
function(){
$('.scrollbar').fadeOut();
}
);
function pinnedIsi(){
$('.isi-widget').css({
height: '200px',
top: 'inherit'
});
$('.isi-toggle-btn').addClass('pinned');
$('.isi-toggle-btn').removeClass('unpinned');
$('.isi-toggle-btn').html('+');
}
function unpinnedIsi(){
$('.isi-widget').css({
height: 'calc(100% - '+ $('header').height() +'px)',
top: $('header').height() + 'px'
});
$('.isi-toggle-btn').addClass('unpinned');
$('.isi-toggle-btn').removeClass('pinned');
$('.isi-toggle-btn').html('–');
}
function sidebarIsi(){
$('.isi-widget').css({
height: 'calc(100% - '+ $('header').height() +'px)',
top: $('header').height() + 'px'
});
$('.isi-toggle-btn').removeClass('pinned');
$('.isi-toggle-btn').removeClass('unpinned');
}
$('.isi-toggle-btn').click(function(){
if ($('.isi-toggle-btn').hasClass('unpinned')){
console.log('pin');
pinnedIsi();
} else {
console.log('unpin');
unpinnedIsi();
}
});
function toggleIsi(){
if ($(window).width() <= 1023) {
pinnedIsi();
} else {
sidebarIsi();
}
}
toggleIsi();
$(window).resize(function(){
toggleIsi();
});
$('.isi widget').tinyscrollbar({thumbSize:50});
$('.scrollbar').fadeOut();
$('.isi小部件')。悬停(
函数(){
$('.scrollbar').fadeIn();
},
函数(){
$('.scrollbar').fadeOut();
}
);
函数pinnedIsi(){
$('.isi小部件').css({
高度:“200px”,
顶部:“继承”
});
$('.isi切换btn').addClass('pinted');
$('.isi toggle btn').removeClass('unpined');
$('.isi toggle btn').html('+');
}
函数unpinnedIsi(){
$('.isi小部件').css({
高度:'calc(100%-'+$('header').height()+'px'),
顶部:$('header').height()+'px'
});
$('.isi toggle btn').addClass('unpined');
$('.isi toggle btn').removeClass('pinted');
$('.isi toggle btn').html('&ndash;');
}
函数sidebarIsi(){
$('.isi小部件').css({
高度:'calc(100%-'+$('header').height()+'px'),
顶部:$('header').height()+'px'
});
$('.isi toggle btn').removeClass('pinted');
$('.isi toggle btn').removeClass('unpined');
}
$('.isi切换btn')。单击(函数(){
if($('.isi切换btn').hasClass('unpinned')){
console.log('pin');
羽状体();
}否则{
console.log('unpin');
unpinnedIsi();
}
});
函数toggleIsi(){
如果($(window).width()在高度更改后,应调用tinyscrollbar实例上的更新方法。在高度更改后,应调用tinyscrollbar实例上的更新方法