Responsive Web Design-響應式選單-canvas選單 (語法範例)

【off canvasvas選單2】手機瀏覽狀態選單才會跳出來

螢幕瀏覽

手機瀏覽

 

注意事項 ：
1.html 的 <a href=''><a/> 裡面的href都要填寫，沒有指向網址可以填#，沒有填的話jQuery會跑不動。

2.側邊選單是使用jQuery 的addclass功能搭配css打開和關閉選單，需要注意地方是要多寫一個 .header.menu { display:none} 如果沒有把header menu關掉的話，ipad瀏覽會看到header menu。(如圖)

See the Pen rwd-menu-canvas by peiyun (@corly74) on CodePen.