一个简单的解决方案顶端固定一个DIV作为导航容器，该DIV左端和右端分别用DIV模拟向左和向右的按钮，中间区域呈现导航按钮，计算当前位置，用模拟的按钮控制左右滚动另，你说的手机端用手指滑动，在 HTML 中是由浏览器根据。

回答我都想要呢，谁有这个啊。

如果不想用传统的页面跳转，可以考虑使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以实现你说的那种，上下不动只有中间的内容在变，其实加载的是不同的模板，然后用路由控制的，整个浏览器始终处在一个界面中。

left的方法比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素设置 left设置为0就可以了 ，在这期间可以加一个过渡。

1创建两个html文件，一个test一个test22打开test页面，在里面创建一个div，并给其添加onmousedown与move方法3打开后我们发现是一个棕绿的页面4定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标。

navulliullifloatleft padding0 5px ltstyle lthead ltbody lt！navui加高度是清楚浮动，可以自行调整 ltdiv class=quotnavquot ltul ltlilta href=quot#quot菜单ltaltli ltli ltul lt。

2在网页ltbody区添加菜单HTML代码 ltdiv id=quotdlmenuquot ltul id=quotmenuquot ltli lt！if lte IE 6lta href=quot#nogoquotlttablelttrlttdlt！endif ltdl class=quotgalleryquot ltdtlta href=quotmenu。