滑动屏幕的某个位置js，屏幕滑动动画

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

JS移动端获取触控位置

使用pageX、pageY获取鼠标当前位置。在标签后面新建一个，创建鼠标移动时获取鼠标当前的位置。

用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip）等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

触发touchstart事件后，会产生一个event对象，event对象里包括触摸列表，获得屏幕上的第一个touch，并记下其pageX，pageY的坐标。定义一个变量标记滚动的方向。此时绑定touchmove，touchend事件。

如果要兼容浏览器，最好使用一个库来实现，用鼠标的页面位置减去图片的页面位置就行了。

相关问答

Q1: 如何让jquery动画效果在屏幕滚动到指定位置才执行

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

2、使用jquery：获取当前文档的高度。获取滚动轮的高度。获取当前窗口的高度绑定滚动事件。

3、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

4、实现思路：先静态布局好HTML结构，使用伪类：hover模拟动画效果，再使用jQuery 控制动画类名的切换来实现效果！主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。

Q2: 当滚动条滚动到页面某个位置时,触发js,怎么去实现

要实现这样的效果你需要使用到滚动条事件以及元素在文档中的绝对定位。

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

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

四个参数，滚动条的scrollTop，window的height，目标元素的offerset.top和它自身的height。给window一个scroll事件，通过验证上面所说的等式是否成立，执行你要的代码。

主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。

Q3: js设置div滚动到固定位置

1、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

2、可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。

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

Q4: js如何控制整个页面滚动条的位置

通过div的scrollTop变动控制垂直滚动条位置。\x0d\x0a通过div的scrollLeft变动控制水平滚动条位置。

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

既然是与滚动条有关，那么首先想到 js 中控制滚动条高度的一个属性： scrollTop ，只要能控制这个属性的值，自然也就能控制滚动条的滚动了。

最好的办法就是在JS中用cookie记录下当前滚动条的位置，然后刷新时读取cookie就可以实现这个功能了。

是控制整个网页的滚动条？在页面下部添加一个锚点比如再在flash添加一个onclick事件，代码为：onclick=window.location.hash=aa即可。

Q5: js怎么控制网页滚动到指定位置

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

3、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

4、px；height：300px；background：#F66；font：normal 13px/30px \5FAE\8F6F\96C5\ 9ED1；text-align：center；top：10px；}。书写并添加js代码。这就完成了。