$函數，根據它所在的容器的高度來切換元素

我有這個函數需要根據#recent容器的高度顯示行數。

假設我們不知道#recent的高度，但.row的高度是常量34px。問題是我們需要隱藏所有nth-child行（n +取決於數字）。

比方說，如果#recent是100px的高度，我們需要只顯示2行（becouse如果我們表現3的高度需要更加然後102像素）

var thisFunc= function() { 

    var h = $('#recent').height(); 
    var nr = Math.round(parseInt(sectionHeight)/parseInt($('.row').height())); 

    var x = nr - 1; 
    var nth = $('.row:nth-child(n+'+x+')'); 
    nth.addClass('hideMe'); 

} 

thisFunc(); 
$(window).resize(thisFunc);

我們展示現在只有需要行數。但是這個問題是當我們增加窗口的大小時他們不會出現回。他們有'hideMe'類加入，我不知道如何切換它。

任何想法？謝謝！

來源

2017-06-12 xoomer

我可能完全沒有理解你的用例。所以重點是隱藏（我假設要避免滾動或其他行）額外的行，但在你最初的'隱藏'隱藏'基於sectionHeight隱藏（這是一個常量？），你想使用容器新的高度（變量h在你的代碼中？）在窗口調整大小的權利？你介意分享標記和CSS的嗎？根據您的情況，刪除課程可能不夠。 – Ernesto

var thisFunc= function() { 
// reset childs 
$('.row').removeClass('hideMe'); 


var h = $('#recent').height(); 
var nr = Math.round(parseInt(sectionHeight)/parseInt(

$('.row').height())); 

    var x = nr - 1; 
    var nth = $('.row:nth-child(n+'+x+')'); 
    nth.addClass('hideMe'); 

}

來源

2017-06-12 20:57:06 Sandra

$函數，根據它所在的容器的高度來切換元素

回答

相關問題