Tinyscrollbar yüksekliği güncellenmiyor

Question

Yüksekliği dinamik olarak ayarlanmış bir parçacığım var. Ancak, pencere öğesi konteynerinin yüksekliği değiştiğinde kaydırma çubuğu yüksekliği güncellenmez. Widget'ın altına kaydırdığımda fazladan beyaz boşluk var. Widget ayrıca, masaüstü görünümünde, sağ tarafa yerleştirilmiş ve mobil görünümde alt tarafa yerleştirilmiş durumda.

$('.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(); 
    }); 

Answer 1

Yükseklik değiştirildikten sonra tinyscrollbar örneğinde güncelleme yöntemini çağırmalısınız.