问题标签 [jquery-waypoints]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
848 浏览

jquery - 来自 Greasemonkey 的 jQuery Waypoints

我正在尝试使用 Greasemonkey 脚本中的 jQuery Waypoints 插件,但似乎无法进行基本测试。有谁知道 Waypoints 不能从用户脚本中工作的原因?

@require 行:

脚本:

有趣的是,如果这个带有“容器”类的 div 存在,脚本就会中断,并且该语句之外的代码将不会运行。如果我更改选择器以查找一些不存在的元素,则脚本的其余部分运行良好。

有谁知道这里发生了什么?我正用头撞墙。谢谢!

PS。我还尝试将 Waypoints 插件代码直接粘贴到脚本中(而不是使用 CDN),我得到了相同的结果。

0 投票
1 回答
709 浏览

jquery - PhoneGap / JQM 事件在底部触发(网页视图)

如果用户通过滚动PhoneGap / JQM达到底部,我想重新加载项目。

目前我正在使用这个解决方案:

但是接缝好像不太稳定,有什么触发的事件可以用吗?这适用于Android和iOS?在我的 Galaxy 上,如果到达底部,我会看到某种蓝色边框弹出,但在ADB中没有看到任何事件名称......

任何提示?

0 投票
2 回答
8522 浏览

jquery - Parallax/Steller.js 和 Jquery Waypoints

我在玩 Stellar.js 并使用了这里的演示: http ://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/

我遇到了与演示页面相同的问题,即当页面首次加载时,导航(幻灯片 1)未激活。只有在您开始向下滚动时它才会变为活动状态,然后当您返回幻灯片 1 时,它仍保持活动状态。

这是在 FireFox 和 IE8 中发现的问题(没有要测试的 IE9)。

我确定这是一个航点问题,而不是在页面加载时激活。如何修复它,以便导航中的“幻灯片 1”进入它的活动类状态?

下面是演示中的 JS 代码:

});

非常感谢任何帮助。

0 投票
2 回答
2602 浏览

jquery-waypoints - 带有开关的粘性标题(如 Hongkiat)

我在本教程http://www.webtutorialplus.com/sticky-header-on-scroll-jquery/中使用航点创建粘性标题

但是如何创建一个“交换”的标题?

示例:如果您访问http://www.hongkiat.com/blog/并向下滚动滚动的标题,实际上并不是页面上最初可见的元素。

0 投票
1 回答
461 浏览

jquery - 使用带逗号的动画增加数字:第 2 部分

所以,代码已经进化了一点。

既然这个问题

我已经将增量包装在一个函数中。它是由用户向下滚动(通过waypoint.js)触发的。但是我怎样才能让它只动画一次而不是每次有人滚动它时重复。想法?

0 投票
1 回答
871 浏览

jquery - 从静态页面链接到航点

我在视差站点中有几张幻灯片,但我有一个指向一个静态页面的链接。如何从该静态页面链接回特定幻灯片并保持滚动效果?

我使用 Stellar.js 作为我的视差脚本。

我在视差页面上的导航:

每张幻灯片都是:

我尝试在幻灯片上方放置一个命名锚:

但是,它只会跳转到该部分,并不能很好地向下滚动到该部分。

我可以在我的静态页面上做什么才能使用滚动效果转到该部分?

0 投票
4 回答
2986 浏览

javascript - 加载 AJAX 内容后回调运行两次

我有一个带有航点无限滚动插件的页面加载内容。

在 AJAX 调用成功并添加 DOM 元素后,将运行回调以重新初始化 javascript 功能,如轮播、按钮和其他动画。

在第一次 AJAX 调用中,负责切换的按钮正常工作。在下一次 AJAX 调用中,新的 DOM 项工作,但之前的按钮现在在单击时执行两次切换。在第三次调用中,原始项目现在运行三次,第二个项目运行两次,新项目运行一次,依此类推,第四次,随着 AJAX 内容的调用继续复合。

如何隔离回调以不影响之前加载的内容,或者,有没有办法为JS设置全局状态,这样我就不需要每次都需要回调?

一些伪代码:

编辑:谢谢大家。所有的答案都让我找到了不同但合适的解决方案。之所以选择所选内容,是因为它汇集了所有建议的问题,值得一读。

0 投票
1 回答
1189 浏览

jquery - 带组标记的无限滚动(jquery/jquery mobile)

我在不同的应用程序中看到了带有标记的无限滚动的实现。我认为这些应用程序是用 Objective-c 编写的,但我想知道是否有 jquery 等价物(或 js 库)。

我正在寻找的是一个无限滚动,带有一些数据的组标记。例如,显示一天的所有事件。组标记显示“今天”和当天的事件列表。滚动后,显示“明天”的标记并替换“今天”等。

在这里执行此操作的应用程序示例

是否有一个 jquery 库这样做?我找不到标记的正确术语(今天,明天),所以这也许就是为什么我找不到关于 stackoverflow 的讨论的原因。组标记是描述它的好方法吗?

0 投票
1 回答
1164 浏览

jquery - 使用 jQuery 和 waypoints.js 改变高度的问题

我有一个固定位置的页脚,它从 jquery 函数中获取它的顶部位置。使用航路点,当我向下滚动时,#main 是“底部视图”,我无法改变页脚的高度。有人有想法么?最终,这将需要向下滑动并显示更多页脚内容。这是小提琴无论如何要在固定位置元素上设置高度动画吗?

这是jQuery代码:

0 投票
1 回答
1748 浏览

jquery - 如何快速获取json ajax数据并将其存储在localstorage中并在jquery mobile listview中显示

当我调用 ajax 到我的服务器时,我得到了 1000 个数据,我将这些数据存储在我的本地存储中并在 jQuery 移动列表视图中显示它,但这需要将近 50-60 秒来显示或加载数据。如何使这个过程快速?

这是我的代码:

Test.html 显示代码

test.js 代码