jquery监听滚动条事件，js监听div滚动事件

jquery怎么实现移动端手指滑动事件

这个能用原生写最好用原生的 xxx.addEventListener(touchstart，this，false)touchmove touchend 这3个过程来写，jqmobi是我见过最好的一个正对的web手机端的js框架。他可以使用zepto.js的一些插件 但是需要修改一些小地方就可以了。

你大概是在拖动页面上遇到麻烦吧！要实现在触控设备上手指拖动元素，不能用mousemove哟，这个是没用的，要用到touchstart(手指接触触摸屏)，touchmove(手指在触摸屏上移动)，touchend(手指离开触摸屏)。

原生的jQuery并没有对移动Web做很好的支持，比如滑动事件。

一个简单的解决方案：顶端固定一个DIV作为导航容器，该DIV左端和右端分别用DIV模拟向左和向右的按钮，中间区域呈现导航按钮，计算当前位置，用模拟的按钮控制左右滚动。

}，false)；document.addEventListener(touchmove，function(e){ //这里放手机在屏幕上划动的代码，可以随时取得手指的坐标，并对元素做相应的调整。

相关问答

Q1: JQuery事件在其引发的函数执行过程中又被多次触发,导致函数执行完后事...

1、设置一个全局变量，在滚动前设置一个特定值，在滚动完成后改变成另一个值。

2、如果你非要这样的话，也在可以里层的function结束时加上return false；来阻止事件冒泡，这样就外层的click事件都不会触发。

3、新建一个html文件，命名为test.html，用于讲解怎么让jquery事件执行一次。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用p标签创建一行文字，文字内容为“这是一段测试的文字”，并设置其class为mypp。

Q2: js或者jquery实现div不随滚动条滚动

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

我们平时所说的固定定位指的就是fixed，设置了固定定位的元素不会随滚动条上下滚动。

首先我们新建一个web项目，主要用到了html文件和css文件。然后在html文件中，有图中的代码，引入css文件和设置一个div标签。然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。然后运行项目后，可以看到div在右下角。

新建html文档。书写hmtl代码div class=box ！--代码开始--div class=main/divdiv class=subdiv class=sub01/divdiv class=sub01/divdiv class=fixed我是固定的哟/div/div！--代码结束--/div。书写css代码。

可以把该元素的定位设置为fixed，该元素就会始终在那个位置，不过要注意IE6下不支持固定定位，兼容IE6可以通过JS实现，不过JS实现的是滑动效果，要想在IE6下也实现固定定位那样的效果没办法做到。

Q3: jquery怎么判断滚动条的位置

首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后弹出输出的值即可。保存一下打开浏览器，可以看到一个长篇的文档。

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

要判断是否滚动到底部就很好做了。首先，我们拉动滚动条，从最上面拉到最下面，变化的是scrollTop的值，而这个值是有一个区间的。这个区间是： [0， (offsetHeight - clientHeight)]即，滚动条拉动的整个过程的变化在 0 到 (offsetHeight clientHeight) 范围之内。

Q4: 为什么jQuery不能监听document.body的滚动事件呢?

1、jquery 监听页面滚动使用的方法：.scroll()。新建一个HTML文档，定义body的高度。创建JS脚本，使用.scroll() 方法监听页面滚动。如果页面发生滚动，则执行函数，弹出一个hello。保存文件，查看.scroll()监听页面滚动的效果。

2、第一个问题简单，直接把 start_vjs 里面的函数 scrollPage 注释掉，同时把最上面的 a.scrollPage()； 也注释掉就可以了。第二个问题，注意start_vjs中的 $(#floatTrigger).bind(click， func...这就是说绑定了点击事件，你把事件换掉就OK了。

3、(document).scrollTop()；获取滚动条到左边的垂直宽度 ：(document).scrollLeft()；计算元素位置和偏移量：(id).offset()；offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。

4、应该是iframe外面定义的方法，在iframe里面是无法调用的。

5、现今的 chrome 浏览器，为了实现丝滑顺畅地滑动，活动时间直接执行而不再检测默认事件，这使得无法用 e.preventDafult() 来阻止默认事件。

6、不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

Q5: jquery获取滚动条高度和位置

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

2、获取滚动条到顶部的垂直高度 ：$(document).scrollTop()；获取滚动条到左边的垂直宽度 ：$(document).scrollLeft()；计算元素位置和偏移量：$(id).offset()；offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。

3、index.html，并引入jquery。在index.html中的标签，输入jquery代码：(body).append(height： + $(document).height() + )；(body).append(width： + $(document).width())；浏览器运行index.html页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。

4、可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。

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

6、你的描述很不清楚，我只能认为元素位于浏览器正中位置了。因为对于滚动条只能获取它的scrollTop，那么只能在这个上面想办法。在这里你就要建立一个等式，四个参数，滚动条的scrollTop，window的height，目标元素的offerset.top和它自身的height。

关于jquery监听滚动条事件和js监听div滚动事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。