本サイトのSkillsで使用しているfloat崩れ対策です

		
var $skillInfo = $('#skillInfoArea').find('.skillInfo');
var skillNum = $skillInfo.length;
var array = [];
for(var i = 0; i < skillNum; i++){
	//各スキルの高さを取得し配列に格納
	array.push($skillInfo.eq(i).height());
}
//配列内の最大値を取得し、その値を他のSkill情報に適用
var maxHeight = Math.max.apply(null,array);
$skillInfo.css({
	'height':maxHeight
});
		
		

言語

Javascript(jQuery)

使用箇所

本ポートフォリオサイトのSkills

目的

高さを最大の値に統一しfloat崩れを防ぐ

制作時間

約20分

ウェブサイト動作イメージ

リンク website
ユーザー名 -
パスワード -