当前位置: 首页 > 知识库问答 >
问题:

jQuery移动滚动事件

柳修为
2023-03-14

在使滚动系列事件正常运行方面存在问题(根本不符合设计)。已经浏览了所有关于此的文章、代码建议和其他帮助主题,但没有人能够解释为什么此示例根本不起作用:

基本页面html:

<!DOCTYPE html> 
<html> 
<head> 
  <title>JQM Test</title>

   <script src="/inc/jQuery/jquery-1.11.3.js"></script>
   <script src="/inc/jQuery/mobile/jquery.mobile-1.4.5.min.js"></script>
   <script type="text/javascript">
   var scroll = 0;
   $(function() {
       $(window).on('scroll',function(e) {
           console.log("Scrolled - "+scroll);
           scroll++;
       });
   });
   </script>
</head>
<body>
    Contents blah blah.
</body>
</html>

好的,如果复制粘贴,则需要替换包含文件,并且版本可能不同。对这种行为表示怀疑。当我取出jquery时。移动包含该脚本按预期工作,每当滚动位置改变时,都会将滚动注释记录到控制台中。

当我包含jquery.mobile页面加载时它会触发一次,就这样。尝试过在jQuery脚本部分、scrollstart和scrollStop事件中更改文档/窗口。甚至尝试过使用本机javascript显式绑定偶到滚动。相同的结果,没有jqm包含,所有工作都很好,当我包含jqm时失败。

有人能给我解释一下为什么JQM的东西会破坏滚动功能吗?

编辑:

尝试了以下JS函数,结果与EXACT相同(函数直到添加JQM包含)

    $(document).on("scrollstart",function(){
           ****

    $(document).on("scrollstop",function(){
        ****

    $(window).on("scrollstart",function(){
           ****

    $(window).on("scrollstop",function(){
        ****


    $(document).scrollstart(function(){
           ****

    $(document).scrollstop(function(){
        ****

    $(window).scrollstart(function(){
           ****

    $(window).scrollstop(function(){
        ****

 window.onscroll=myFunction;

 document.onscroll=myFunction;

 window.attachEvent("scroll",myFunction,false);

 document.attachEvent("scroll",myFunction,false);

共有2个答案

燕凯旋
2023-03-14

在@FraserCrosbie的帮助下,我发现我忽略了一点CSS:https://jsfiddle.net/nzwodyte/4/

CSS被分配给一个[数据角色=页面]{/code>元素,并具有高度:100%和位置:相对标签。

没有意识到JQM在没有声明所述标记的情况下,将数据角色=“页面”分配给HTML中的元素。

因此,对于有相同问题的任何人,请检查页面的高度和位置CSS(从调试的角度,而不是在原始DOM中)

闾丘树
2023-03-14

尝试以下操作:

   $(function() {
       $(window).on('scroll',function(e) {
           console.log("Scrolled - "+scroll);
           window.scrollBy(100, 0); // for scroll horizontally.
       });
   });
 类似资料:
  • 我想开发一个带有div和一些样式的文件拖放组件: dragenter:更改div边框颜色 dragleave:还原为原始div边框颜色 在Firefox 35(Ubuntu)上,当div有一个滚动条(水平或垂直)并且在滚动条中移动文件时,我会发生以下事件: < li>dragenter:移过div边框 < li>dragenter:在滚动条上移动 < li>dragleave:离开滚动条 所以我在

  • 本文向大家介绍学习使用jquery iScroll.js移动端滚动条插件,包括了学习使用jquery iScroll.js移动端滚动条插件的使用技巧和注意事项,需要的朋友参考一下 大家在日常工作中最常用的插件是什么,jQurey?Lazyload?但是这些都是在PC端,但是在移动端最常用的插件莫过于iScroll了,iScroll到底是什么东西,应该怎么用?iScroll是个很强大的插件,我也只是

  • 是否可以为StyleClassedTextArea(以及其他RichTextFx系列窗格)注册滚动侦听器? 你能给我举个例子吗? TextArea的常用方法不起作用。

  • 问题内容: 我正在制作一个FAQ页面,顶部有一些按钮可以跳转到一个类别(它跳转到我用作类别标签的标签,例如,用于我的常规类别)。我想添加一个滚动效果,而不仅仅是跳到该类别。我想要类似http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm的内容,该内容可以滚动到页面的所需部分。该链接是一个脚本,该脚本转到页面顶部,具有良好的滚动效果。我需要类似

  • 我有一个这样的代码,我想在滚动期间将一个类添加到我的头上,但是在函数 这是我的html 这是我的jQuery 类没有被添加...在浏览器中,即使在滚动之后,控制台日志函数也没有输出任何内容 解决方案 我把窗户拆了,加了一个尸体,它起作用了。

  • 我正在使用添加元素的JscrollPane,当元素超过7个时,JscrollPane中的JScrollBar将被激活。我需要当我引入一个新元素时,滚动条向右移动 构造函数: 滚动条向右移动,但从来没有达到最大值,总是有多一点的距离滚动。 有人知道为什么会这样吗?我看到使用setValue和getMaximum将滚动条向右移动,但对我来说,它停留在靠近右边的地方,而不是右边。 下面是一张截图来看看。