一個(gè)簡(jiǎn)單的解決方案頂端固定一個(gè)DIV作為導(dǎo)航容器，該DIV左端和右端分別用DIV模擬向左和向右的按鈕，中間區(qū)域呈現(xiàn)導(dǎo)航按鈕，計(jì)算當(dāng)前位置，用模擬的按鈕控制左右滾動(dòng)另，你說(shuō)的手機(jī)端用手指滑動(dòng)，在 HTML 中是由瀏覽器根據(jù)。

回答我都想要呢，誰(shuí)有這個(gè)啊。

如果不想用傳統(tǒng)的頁(yè)面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說(shuō)的那種，上下不動(dòng)只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個(gè)瀏覽器始終處在一個(gè)界面中。

left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過(guò)渡transitionleft 03s 然后讓class為menu active的元素設(shè)置 left設(shè)置為0就可以了 ，在這期間可以加一個(gè)過(guò)渡。

1創(chuàng)建兩個(gè)html文件，一個(gè)test一個(gè)test22打開test頁(yè)面，在里面創(chuàng)建一個(gè)div，并給其添加onmousedown與move方法3打開后我們發(fā)現(xiàn)是一個(gè)棕綠的頁(yè)面4定義兩個(gè)變量，startx為鼠標(biāo)按下的坐標(biāo)，endx為鼠標(biāo)移動(dòng)的坐標(biāo)。

navulliullifloatleft padding0 5px ltstyle lthead ltbody lt！navui加高度是清楚浮動(dòng)，可以自行調(diào)整 ltdiv class=quotnavquot ltul ltlilta href=quot#quot菜單ltaltli ltli ltul lt。

2在網(wǎng)頁(yè)ltbody區(qū)添加菜單HTML代碼 ltdiv id=quotdlmenuquot ltul id=quotmenuquot ltli lt！if lte IE 6lta href=quot#nogoquotlttablelttrlttdlt！endif ltdl class=quotgalleryquot ltdtlta href=quotmenu。