<input id="Text5" type="text" /></td>
<td>
<input id="Text6" type="text" /></td>
</tr>
<tr>
<td>
<input id="Text7" type="text" /></td>
<td>
<input id="Text8" type="text" /></td>
<td>
<input id="Text9" type="text" /></td>
</tr>
</table>
<table id="tb2" cellpadding="0" cellspacing="0" style="height:200pxwidth:200pxmargin-top:0pxposition:absolutedisplay:none" class="tb2">
<tr>
<td></td>
</tr>
</table>
1、正常布局网站,导航栏也正常布局。2、自定义导航栏制作(可复制原来的导航栏,也可以另制作一份),绝对定位,隐藏。
3、在页面scroll事件中进行判断,滚动到指定像素位置,自定义的导航栏出现,并且随着scroll事件对top值不断更新,一句jquery的scrollTop。
4、如果向上回滚,判断scrollTop值,隐藏自定义导航栏。