使用滾動條插件，具有100％的高度

的DIV我想用我的三欄佈局使用jQuery Scrollbar plugin（更新：切換到slimScroll插件現在）。 3列應使用100％的瀏覽器高度。這個想法是滾動條只在懸停相應的列時出現。使用滾動條插件，具有100％的高度

我的佈局滾動條工作不正常。我已經調用函數中的每個窗口大小時（我最初試圖避免，因爲它 - 從我的觀點 - 一個黑客）：

$(window).resize(function()

這裏是fiddle。

初始化滾動條的代碼在第226行（粘貼jquery.slimscroll.js之前）。

function setFrameSizes() { 
 
    console.log("Set scrollbar"); 
 
    $('.inner').slimScroll({ 
 
    height: $(window).height() - 46 
 
    }); 
 
} 
 

 
$(document).ready(function() { 
 
    setFrameSizes(); 
 
}); 
 
$(window).resize(function() { 
 
    setFrameSizes(); 
 
});

來源

2015-12-23 Stephan

我會推薦[slim scroll]（http://rocha.la/jQuery-sli mScroll） – Andrej

感謝您的提示。我更新了我的小提琴使用苗條滾動。現在至少顯示滾動條 - 但仍然不好。我的佈局的CSS可能會導致問題？ – Stephan

假設每個div有同樣的高度：

var myHeight = $('.myDiv').height(); 
$(".myDiv").slimscroll({ 
    wheelStep: 20, 
    color: '#fff', 
    height: myHeight 
});

如果不是這樣，那麼你也許可以嘗試通過ID引用的每個格，或者類似的東西這個：

$(".myDiv").each(function(){ 
    var myHeight = $(this).height(); 
    $(this).slimscroll({ 
     wheelStep: 20, 
     color: '#fff', 
     height: myHeight 
     }); 

});

來源

2015-12-23 23:15:09 Andrej

使用修復高度工作，但沒有「自動」高度。 3列的高度取決於瀏覽器窗口的高度。 – Stephan

@stephan請編輯你的問題，也許這對某個人有用。 – Andrej

我試圖避免檢查瀏覽器窗口高度。但似乎沒有其他辦法。我現在在$（window）.resize（function（））上調用slimscroll函數，但它沒有正確設置高度。 – Stephan

使用滾動條插件，具有100％的高度

回答

相關問題