重置窗口大小調整功能

Question

我正在爲我的網站使用SlimScroll插件。

我想重置/重新啓動窗口大小的slimscroll函數，因爲高度和寬度應根據#content_wrapper div的高度和寬度進行更改。

我試過了幾種方法，但似乎沒有什麼關係。在我目前的代碼下面。有誰知道我能做到這一點？

$('#content_wrapper').slimScroll({ 
    width: $('#content_wrapper').css({'width':(($(window).width())-240)+'px'}), 
    height: $('#content_wrapper').css({'height':(($(window).height())-65)+'px'}) 
}); 

// scrollbar onresize resetten 
$(window).resize(function(){  
    $('#content_wrapper').slimScroll({ 
     width: $('#content_wrapper').css({'width':(($(window).width())-240)+'px'}), 
     height: $('#content_wrapper').css({'height':(($(window).height())-65)+'px'}) 
    }); 
}); 

Answer 1

可能：

$('#content_wrapper').slimScroll({ 
    width: (($(window).width())-240)+'px', 
    height: (($(window).height())-65)+'px' 
}); 

// scrollbar onresize resetten 
$(window).resize(function(){  
    $('#content_wrapper').slimScroll({ 
     width: (($(window).width())-240)+'px', 
     height: (($(window).height())-65)+'px' 
    }); 
}); 

Answer 2

對於0.5.0版本，替換以下：

// set up initial height 
getBarHeight(); 

有：

$(window).resize(function() { 
    getBarHeight(); 
    showBar(); 
}); 

我發現這對http://dt.infolearn.com.gr/2012/03/jquery-slimscroll-refresh-on-window-resize/和它的工作爲了我。

Answer 3

我明白這個問題被問了很久，但我面臨同樣的問題，並找到了一些解決辦法，這裏是我面對的問題的解決方案。

// Resetting slim scroll 
function applySlimScroll(){ 
    $('#content_wrapper').slimScroll({ 
     width: $('#content_wrapper').css({'width':(($(window).width())-240)+'px'}), 
     height: $('#content_wrapper').css({'height':(($(window).height())-65)+'px'}) 
    }); 
} 

// Resetting slim scroll 
function resetSlimScrollLessonSlide(){ 
    $('.slimScrollDiv #content_wrapper').unwrap(); 
    $('.slimScrollBar, .slimScrollRail').remove(); 
} 

// Let the resize event interval be larger, so resized in 500ms! 
function resizedw(){ 
    resetSlimScrollLessonSlide(); 
    applySlimScroll() 
} 

var doit; 
$(window).resize(function() { 
    clearTimeout(doit); 
    doit = setTimeout(resizedw, 500); 
}); 

Answer 4

恰好碰到了這個問題，今天，這對我的作品： 初始化slimScroll時，它增加了一個div類「slimScrollDiv」。你可以改變這個div的高度，並將其設置爲與你的包裝div相同...

$(document).ready(function(){ 
    $('#scrollDiv').slimScroll({ 
     height: 'auto' 
    }); 

    $(window).resize(function(){ 
     var h=$(window).height()-250; 
     $('#scrollDiv').height(h); 
     $('.slimScrollDiv').height(h); 
    }); 
    });