Testing

by Austin Stewart

HTML

<table>
	<thead>
		<tr>
			<th>Test</th>
			<th>Header</th>
			<th>Column 3</th>
			<th>Testing</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis dui placerat ornare.</td>
			<td>tesque odio nisi</td>
			<td>t ornare. Pellentesque odio nisi</td>
			<td> in sem quis dui placeraellentesque odio nisi</td>
		</tr>
        <tr>
			<td>Morbi in sem quis...

SCSS

table {
    table-layout: fixed;
    thead {
        background: blue;
    }
    tbody {
        background: red;
    }
}

JavaScript

$(window).scroll(function(){
    var test = $('html, body').scrollTop();
    console.log(test);
});