HTML 页面实现全屏滚动的原理有以下几种1 使用滚动事件和 CSS overflow 属性2 使用 JavaScript 监听滚动事件，通过改变元素的 overflow 属性来控制是否显示滚动条，从而实现全屏滚动效果3 使用 position fixed 将元素。

load， falseHTML代码ltdiv id=quotinpquotltdiv上面的小例子当touchstart事件触发的时候，会将触摸的位置更新到div标签中当touchmove事件触发的时候，会默认行为的滚动触摸移动的默认行为是滚动页面，然后触摸操作的变化。

在移动端，用户每时每刻都在触发移动事件，比如触摸的事件，点击，长按，左右滑动的事件，手指缩放，等等都是移动事件的对象在pc端，我们的事件对象是和鼠标和键盘的事件处理监听等等我们首先是要通过DOM0级和DOM二级。

Html5支持iPhone触屏的脚本写法是利用touch事件方法触摸事件touch会在用户手指放在屏幕上面的时候在屏幕上滑动的时候或者是从屏幕上移开的时候出发下面具体说明touchstart事件当手指触摸屏幕时候触发，即使已经有一个。

1打开软件，文件，新建，html文件，命名随意，我这里命名hday软件自动生成html的基本构造首先保存一张背景图片放在img文件夹2在lthead里声明ltstyle bodybackgroundattachment fixedbackgroundimage url。

H5单页面手势滑屏切换是采用HTML5 触摸事件Touch 和 CSS3动画Transform，Transition来实现的1实现原理假设有5个页面，每个页面占屏幕100%宽，则创建一个DIV容器viewport，将其宽度width 设置为500%，然后将5个页面。

因为使用的是监听 touchstar 和 touchend 方法，所以该方法只适用于移动端主要的思路就是监听“触摸开始”和“触摸结束”两个事件，分别获取事件当前的触摸点坐标和文档滚动的值，进行对比判断“触摸是否有滑动”以及“文档。

1当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY2当触发touchmove事件时，在获取此时手指的横坐标moveEndX和纵坐标moveEndY最后，通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。

手机端页面切换，页面跟随手势上下左右滑动，依赖zeptojs如果工程中同时使用jquery的话，采用如下方式来调用zepto的方法function$$#39#Marke#39touchSliderdirection #39v#39，itemSelector#39slide#39，slidePercent0。

这个不是touchstart事件的问题，你可以在弹框弹出的同时，设置body静止滚动~给body添加css样式overflowhidden。

移动端拖动和滑动区分可用代码实现constcontainer=documentgetElementById#39container#39containeraddEventListener#39mousedown#39，event=consolelog#39mousedowneventis#39，event。

3新建一个script标签，在这个标签里面创建使用$windowscroll监听滚动条滚动事件案例中判断当滚动条滚动高度超过100的时候就出现一个弹出框4保存html代码后使用浏览器打开，然后滚动Y轴滚动条5发现滚动到。

1首先输入下方的代码windowscrollfunction var $nav = $quotfloatingMenu ul liquot，length = $navlength1，获取导航菜单 ul li 的个数 item = new Array，新建一个数组 sTop = $window。

你最好使用滑块插件了建议你看下这篇文章，能很好地解决你的问题可以滑动滑块时实时显示数字网页链接 是基于bootstrap里的一个slider插件，很好用这篇有详细介绍，并且最下方有demo演示以及详细的API地址ltinput id=。

原生的没有，可以使用插件jquerymobile或者zeptojs，都有滑动事件。

400 为滑动的速度可以改成你需要的速度，单位是毫秒**锚点点击跳转*var AnchorClick = function obj var href = $objattrquothrefquot var pos = $hrefoffsettop $quothtml，bodyquot。