横スクロールした場合、特定のtrだけ固定したい

Question

プログラミング素人です。
http://kachibito.net/useful-resource/tableheadfixer
を見て、上部を固定したtableタグを組みました。

<thead>は下スクロールしたときに固定されています。 横スクロールしたときは<tr class="fixcol">だけ固定したいです。

html

<div class="parent">
	<table class="table fixTable2">
		<thead>			
			<tr>
				<th>商品1</th>
				<th>商品2</th>
				<th>商品3</th>
				<th>商品4</th>
				<th>商品5</th>
			</tr>
		</thead>
		<tbody>
			<tr class="fixcol">
				<td colspan="5" style="text-align: left;">素材</td>
			</tr>
			<tr>
				<td>コットン</td>
				<td>レーヨン</td>
				<td>ポリエステル</td>
				<td>ポリウレタン</td>
				<td>メッシュ/td>
			</tr>
			<tr class="fixcol">
				<td colspan="5" style="text-align: left;">重さ</td>
			</tr>
			<tr>
				<td>100g</td>
				<td>200g</td>
				<td>300g</td>
				<td>400g</td>
				<td>500g/td>
			</tr>
		</tbody>
	</table>
</div>

javascript

下記に書いた以外のjavascriptはhttp://kachibito.net/useful-resource/tableheadfixer内のjavascripをそのままコピペしました。

      $(document).ready(function() {
				$(".fixTable2").tableHeadFixer({ 'head' : true}); 
			});

ご教授のほどよろしくお願い申し上げます。

Answer 1

これですか？
http://var.blog.jp/archives/57784510.html

Comments

[退会済みユーザー]

回答ありがとうございます。拝見しましたが、応用できず四苦八苦しています。
absoluteで固定する方法だと思いますが、縦スクロールするときは特定のtr(td)は固定されず、他のtrと一緒にスクロールされてほしいのですが可能でしょうか？
イメージとしては、例えばスマートフォンで下にスワイプしたら、theadは固定されていて、左右にスワイプすると一列にしたtr(.fixcol)は固定されて残りは左右に動くような動作を作りたいです。