问题标签 [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 投票
2 回答
23949 浏览

jquery - 当用户滚动到该 div 时,JQuery 淡入该 div

当用户向下滚动到该 div 时,元素<div class="">将淡入。

我找到了一个使用 jQuery 插件的解决方案和另一个检查 div 是否在页面上可见的解决方案。有用。

但是,一旦用户滚动到 div 的顶部,它就会很快淡入,因此用户看不到 div 淡入。只有当用户滚动到底部时,如何才能使 div 淡入div 以便用户可以看到整个 div 的淡入效果?

0 投票
1 回答
4405 浏览

jquery - 使用 jQuery Waypoints 插件的粘性导航栏

我使用 jQuery Waypoints 插件创建了一个粘性导航,但是我无法让导航选项在选择某个部分时始终突出显示。

在我的示例中,您会看到菜单项仅在该部分在范围内时“活动”,并且这会根据视口的高度而变化,这是默认情况下 Waypoints 应该工作的方式:

http://jsfiddle.net/keith/v6vuN/2/ (或全屏版本:http: //jsfiddle.net/keith/v6vuN/2/embedded/result/

我希望菜单项始终突出显示,即使该部分不在范围内。

例如,如果我在“精选”部分并且“联系人”可见,即使浏览器窗口的高度无法滚动到整个部分,我仍然希望突出显示菜单选项。

那有意义吗?我宁愿不只是在部分之间或页面底部添加大量填充/边距以使其更长。

0 投票
2 回答
2042 浏览

ajax - 在 Ajax 加载的内容上无法识别航点

我正在将页面加载到 div 中。我也在尝试建立一个航点,这样当用户向下滚动页面时,菜单会改变颜色。

我遇到的问题是,一旦加载了 ajax 内容,浏览器就无法识别 div 的新高度。

这是我所拥有的:

有任何想法吗?谢谢。

0 投票
2 回答
1532 浏览

jquery - 如何在 Click 事件中使用 jQuery、Waypoints 扩展?

我在这里阅读文档:jQuery、Waypoints、plugin docs

我想在点击事件上使用这个 jQuery 对象扩展来刷新航点:

你是怎样做的?

0 投票
1 回答
1863 浏览

jquery - jQuery Waypoints + 砌体

使用:jQuery Waypoints 和 Masonry 创建无限滚动网格布局。除此之外,它们工作正常。但是,我无法弄清楚如何让他们一起工作。

航点代码

砌体代码(针对动画 2011 年 9 月 18 日更新)

我查看了 Masonry Infinite Scroll 示例,但无法让 Infinite Scroll 在我的页面上工作(这就是我开始使用 Waypoints 的原因)。

问题是当 div 加载了 Waypoints 时,它们没有通过 Masonry 正确地将自己对齐到网格中。最重要的是,任何 rel= 标签在加载的对象上都会被否定(也使用 Tooltips 脚本来创建 html 工具提示。)

所以基本上,我想要做的是:[1] 当通过航点加载 div 时,使用新加载的航点 div 更新网格布局,同时保持来自所述 div 的任何数据完整(正确触发),就像前面提到的工具提示问题一样。可以在http://regchan.org/ib/dev/直接看到该问题的一个示例。(页面设置为初始加载 4 个 div,即前 4 个,然后从后续页面(如果适用)加载 4 个,直到没有更多可用。)

.poster3 是保存图像的 div 的类,#mason 是围绕动态创建的内容的选择器 div。

编辑 查看了 Masonry 网站的无限滚动代码,并将一些东西缝合在一起(尽管它没有抓取数据):

不过,Firebug 并没有为它抛出任何错误。

0 投票
1 回答
1171 浏览

jquery - 滚动上的动画图像

我想在滚动时循环显示图像的帧,以在向下滚动页面时产生对象顺时针旋转的效果,然后在向上滚动时逆时针旋转。我已经将Jquery Waypoints插件视为一种可能的方法,但想知道是否有人知道一种更清洁的方法。

谢谢!

0 投票
0 回答
206 浏览

google-maps - 在 Google 地图 API 中添加障碍物

我有一个特定区域的多边形,(这是一个障碍)。当我给出起点和终点时,它不应该通过这个多边形并且应该给出一条新的路线。

除了添加特定多边形的航点之外还有什么想法吗?

谢谢。

0 投票
1 回答
627 浏览

jquery-plugins - 如何创建 scribd 导航栏棒效果

使用jquery.waypoints插件,您可以轻松创建粘性元素。它的粘性元素演示显示了一个导航栏,默认情况下该导航栏位于页面顶部下方,然后具有以下行为:a)当用户向下滚动并且导航栏到达视口顶部时,它会粘在那里 b)当用户向上滚动到页面顶部,导航栏返回到其正常位置。

我正在尝试做一些类似但有些相反的事情,这与 scribd 导航栏的效果完全相同。从这个 scribd 页面的最底部开始,慢慢向上滚动以查看效果。

这是怎么做到的?我假设航点会促进它。谢谢。

0 投票
1 回答
7434 浏览

jquery - jquery航点:如何在同一个对象上绑定多个航点

当对象出现在视口中并滚动时,jquery waypoints 会触发回调。这适用于基本实现。

现在我尝试为同一个“文章”标签提供两个航路点,一个现在<article />出现时,另一个在<article />距离顶部 121px 可见时:(offset: 121向下滚动页面时)。

不幸的是,当对象距离顶部 121px 时,插件会触发两个回调,因此,第二个配置占主导地位。

好的,然后我尝试进行链式调用:

但它给了我与上面完全相同的结果。有什么想法可以解决这个问题吗?

http://imakewebthings.github.com/jquery-waypoints/

谢谢你。

0 投票
1 回答
369 浏览

jquery - 没有错误,但 jQuery 代码不起作用

有人可以说是怎么回事吗?起初我已经加载了 jQuery Waypoints ( http://imakewebthings.github.com/jquery-waypoints/ ) 然后在文本之后包含了你可以看到的代码。向下滚动页面时,我需要对图像产生淡入淡出效果,但根本没有发生任何事情。我在 Stack Overflow 上找到了这个解决方案 -当用户滚动到该 div 时,JQuery 淡入一个 div 这是我试图做我的解决方案的链接 - http://layot.prestatrend.com 谢谢!