js如何实现页面滚动一段距离，js页面滚动到指定位置

用js怎样做手机端触屏滚动选择效果啊

js的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。这三个事件最重要的属性是 pageX和 pageY，表示X，Y坐标。

同样首先阻止页面的滚屏行为，touchmove触发后，会生成一个event对象，在event对象中获取touches触屏列表，取得第一个touch，并记下pageX，pageY的坐标，算出差值，得出手指滑动的偏移量，使当前DOM元素滑动。

鼠标的手势操作主要还是基于mousedown、mousemove、mouseup来实现。触屏设备基于touchstart、touchmove、touchend来实现。本身这两种设备就是不等同的。而且现实工作中。

手机触屏就那几个事件，左右就判断下 X坐标就行了，事件触发的判断 你可以参考下我这个文章，希望有帮助。

手机端页面切换，页面跟随手势上下/左右滑动，依赖zepto.js。如果工程中同时使用jquery的话，采用如下方式来调用zepto的方法。

相关问答

Q1: 怎样用原生js获取滚动条滚动的距离

首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。

若要想判断js window.scroll是否滚动到底部，需要用的三个属性值，它们分别是：scrollTop、clientHeight和scrollHeight；scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。

jquery获取滚动条高度使用.scrollTop()方法。首先我们新建一个长篇的HTML文档。然后我们编辑JS脚本，使用.scroll()方法，监听网页滚动。然后我们使用.scrollTop()获取垂直滚动距离。

利用scroll 事件来监听。当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。scroll() 方法触发 scroll 事件，或规定当发生 scroll 事件时运行的函数。

Q2: 如何使用JS或者jquery完成页面按ID平滑滚动

1、使用fullpage.js插件 fullpage.js是一款开源的JavaScript插件，它可以帮助您快速实现全屏滑动效果。要使用fullpage.js，您只需要引入对应的js和css文件，并按照文档中的指导进行配置即可。

2、本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。

3、在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。

4、jquery.nicescroll.min.js滚动条使用方法，Nicescroll是制作自定义滚动条的jq插件。支持div，iframe，html等使用，兼容IE7-8，safari，firefox，webkit内核浏览器(chrome，safari)以及智能终端设备浏览器的滚动条。

5、前置条件：div作为盒子限制高度，并设置overflow：auto。

6、首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。

Q3: 原生js或jQuery怎么让滚动条只能滚动固定的距离?

1、你好，实现如下，请现在 body 加一定的 br 出现上下滚动条 够长。不懂请追问。

2、很多时候，需要对div进行固定，比如在线咨询模块，这就需要固定div在显示页面的位置，而不能随滚动条滚动。思路：将需要固定的div做成悬浮框，目的是能和别的div块重合，然后当触发滚动条事件，动态改变div坐标。

3、本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。

4、通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

5、前置条件：div作为盒子限制高度，并设置overflow：auto。

6、(摘自博客园，原网址http：//)jquery.nicescroll.min.js滚动条使用方法，Nicescroll是制作自定义滚动条的jq插件。

Q4: js或jq怎样可以使滚轮滚动固定距离

你好，实现如下，请现在 body 加一定的 br 出现上下滚动条 够长。不懂请追问。

前置条件：div作为盒子限制高度，并设置overflow：auto。

在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

js如何实现页面滚动一段距离的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js页面滚动到指定位置、js如何实现页面滚动一段距离的信息别忘了在本站进行查找喔。