这个demo里导航的移动原理是css的transitionY,而非一般导航里的通过标签a去链接;
而position:fixde这个定位机制让a标签本身的链接作用作废了(大家可以试试,反正一旦给链接设置成fixed链接作用就失效),链接作用作废的话a的visited状态就失效了,所以这里才选择了input去表达状态的选中与否(因为不同于hover状态是所有盒子都具备的,visited(or checked)状态只有a标签和input的radio type有);
以上,详细解释了为什么用input,and最后强调一下,这里的a标签只起到一个语义化的作用。
而position:fixde这个定位机制让a标签本身的链接作用作废了(大家可以试试,反正一旦给链接设置成fixed链接作用就失效),链接作用作废的话a的visited状态就失效了,所以这里才选择了input去表达状态的选中与否(因为不同于hover状态是所有盒子都具备的,visited(or checked)状态只有a标签和input的radio type有);
以上,详细解释了为什么用input,and最后强调一下,这里的a标签只起到一个语义化的作用。
2015-12-01