1创建两个html文件，一个test一个test22打开test页面，在里面创建一个div，并给其添加onmousedown与move方法3打开后我们发现是一个棕绿的页面4定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标5实现鼠标点击执行的down方法，在里面通过clientX获得鼠标按下坐标，并赋值给。

1如果是div设置了滚动条导致滑动不顺畅，可以在css中加入webkitoverflowscrolling touch2如果是幻灯片，可以用swiper插件一类的3尽量用css3开启GPU加速css随便哪里加个transformtransition3d0，0，0，用transformtranslatex，y代替mairgin或者top4减少滑动过程中的运动DOM。

touchmove事件当手指在屏幕上滑动的时候连续地触发在这个事件发生期间，调用preventDefault事件可以阻止滚动touchend事件当手指从屏幕上离开的时候触发touchcancel事件当系统停止跟踪触摸的时候触发关于这个事件的确切出发时间，文档中并没有具体说明，咱们只能去猜测了上面的这些事件都会冒泡。

这个可以通过绝对定位，配合left设置 或者translate去实现 left的方法比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素设置 left设置为0就可以了 ，在这期间可以加一个过渡transitionleft 03s。

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

使用浏览器可以进行手机效果测试现在各大浏览器都有这种功能了， 谷歌360搜狐等首先打开网页，点击右键列表里会有“审查元素”，再点击手机那个按钮，就可以调整屏幕宽度查看手机效果。

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

要同时显示就要同时触发动画，可以在HTML上把这3个box组织在一处，放在同一个父容器里，再用CSS同时触发示例ltdiv class=quotfatherquotltdiv class=quotbox1quot05sltdivltdiv class=quotbox2quot1sltdivltdiv class=quotbox3quot2sltdivltdiv同时触发的CSSfatherhover box1 * box1动画。

HTML5怎么把导航固定在底部的步骤如下css的定位样式属性来实现会用到css中的positionfixed属性，结合来实现ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距离底部为0*left0zindex1ltstyleltdiv class=quotfootmenuquotlt！导航具体。

我们刷新页面预览下效果 5 接下来我们隐藏掉二级下来菜单，并给它添加鼠标滑动效果，使得当鼠标滑动到主栏目时，二级下来菜单显示，样式如下nav ul li ul positionabsolute display nav ul li ul li float nav ul li ul li a borderright bordertop1px。

动画效果，图片从右侧飞入 quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2幕布式 3左右滚动4淡入淡出 time 5000， 间隔时间 speed50。

HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条滚动后导航将消失5，为了将导航栏固定在顶部，可以添加样式位置固定最高0。

4滑动交互 拖拽交互必须在长按交互的基础上滑动，从一个点拖动到另一个点可以让用户自行控制速度适合图片展示类的H5例如，在睡姿大比拼中，用户可以拖动角色肢体来创建各种有趣的睡眠姿势5重力交互 重力交互是一个非常直观的表达形式，用户可以轻松get到H5获得乐趣，这意味着手机硬件能升级。

lth1ltp折叠1ltplth1 lth1ltp折叠2ltplth1 lth1ltp折叠3ltplth1 lth1ltp折叠4ltplth1 需要js来，最好用jquery来实现 只需要给h1绑定事件，单件它的时候，设置它的p属性，display。

我大概理解到了你的意思，是想实现背景的视觉差效果吧如果是这个的话两种方法，一种是设置backgroundattachmentfixed背景固定了 另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制感觉应该是你想要的效果了你说的这个是单页面效果我给你个网址上面有好多这样的。