38 lines
1.7 KiB
JavaScript
38 lines
1.7 KiB
JavaScript
$(function()
|
|
{
|
|
/* Set the heights of every block to keep them same height. */
|
|
projectBoxHeight = $('#projectbox').height();
|
|
productBoxHeight = $('#productbox').height();
|
|
if(projectBoxHeight < 180) $('#projectbox').css('height', 180);
|
|
if(productBoxHeight < 180) $('#productbox').css('height', 180);
|
|
|
|
$('.panel-block').scroll(function()
|
|
{
|
|
var hasFixed = $(this).find('.fixedHead').size() > 0;
|
|
if(!hasFixed)
|
|
{
|
|
$(this).css('position', 'relative');
|
|
var hasHeading = $(this).find('.panel-heading').size() > 0;
|
|
var fixed = hasHeading ? $(this).find('.panel-heading').clone() : "<table class='fixedHead' style='position:absolute;top:0px;z-index:10'><thead>" + $(this).find('table thead').html() + '</thead></table>';
|
|
$(this).prepend(fixed);
|
|
if(hasHeading)
|
|
{
|
|
var firstHeading = $(this).find('.panel-heading:first');
|
|
var lastHeading = $(this).find('.panel-heading:last');
|
|
firstHeading.addClass('fixedHead');
|
|
firstHeading.css({'position':'absolute','top':'0px'});
|
|
firstHeading.width(lastHeading.width());
|
|
firstHeading.height(lastHeading.height());
|
|
}
|
|
else
|
|
{
|
|
var $fixTable = $(this).find('table.fixedHead');
|
|
$fixTable.addClass($(this).find('table:last').attr('class'));
|
|
var $dataTable = $(this).find('table:last thead th');
|
|
$fixTable.find('thead th').each(function(i){$fixTable.find('thead th').eq(i).width($dataTable.eq(i).width());})
|
|
}
|
|
}
|
|
$(this).find('.fixedHead').css('top',$(this).scrollTop());
|
|
});
|
|
});
|