這個demo里導(dǎo)航的移動原理是css的transitionY,而非一般導(dǎo)航里的通過標(biāo)簽a去鏈接;
而position:fixde這個定位機制讓a標(biāo)簽本身的鏈接作用作廢了(大家可以試試,反正一旦給鏈接設(shè)置成fixed鏈接作用就失效),鏈接作用作廢的話a的visited狀態(tài)就失效了,所以這里才選擇了input去表達狀態(tài)的選中與否(因為不同于hover狀態(tài)是所有盒子都具備的,visited(or checked)狀態(tài)只有a標(biāo)簽和input的radio type有);
以上,詳細解釋了為什么用input,and最后強調(diào)一下,這里的a標(biāo)簽只起到一個語義化的作用。
而position:fixde這個定位機制讓a標(biāo)簽本身的鏈接作用作廢了(大家可以試試,反正一旦給鏈接設(shè)置成fixed鏈接作用就失效),鏈接作用作廢的話a的visited狀態(tài)就失效了,所以這里才選擇了input去表達狀態(tài)的選中與否(因為不同于hover狀態(tài)是所有盒子都具備的,visited(or checked)狀態(tài)只有a標(biāo)簽和input的radio type有);
以上,詳細解釋了為什么用input,and最后強調(diào)一下,這里的a標(biāo)簽只起到一個語義化的作用。
2015-12-01