问题标签 [jquery-waypoints]

我正在为网站使用恒星视差

演示：http ://webdesigntutsplus.s3.amazonaws.com/tuts/338_parallax/src/index.html

我使用的文件来自 webtuts： http ://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/

我想要实现的是将一个类添加到中心的“固定”img 并根据活动的数据幻灯片更改它。

当我单击菜单的按钮时，我能够更改图像类，但是当我使用滚动条导航时，图像的类不会改变。

所以我尝试添加这个脚本：

#second和幻灯片的 id一样#img-center，也是页面中心图像的 id，但它不起作用

我也试过这段代码：

但这也不起作用

我完全是 javascript 的新手，我找不到这样做的方法。

这是 HTML

这是js

所以我使用 jQuery waypoints 插件来导航单页网站

现在它看起来像这样：

每个数据幻灯片移动到一个单独的 div，如下所示：

我想要做的是在第二页上使用相同的导航，它将针对原始页面上的每个数据幻灯片 div。有没有办法做到这一点？

我正在使用 Stellar 开发具有视差效果的网站： http ://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/

我有一个“固定”的 div，页面中心有一个类。当我向下或向上滚动时，类会根据“活动”的幻灯片而改变。

我正在使用航点，当我向下滚动页面时一切正常。但是当我向上滚动时，而不是更改班级，它们都一个接一个地放置，顺序发生了变化，班级与右侧的幻灯片不匹配。

这是 HTML（#square 是固定的 div）：

这是javascript

这是网站的链接：http: //ambuscade.ca/DEV2/

谢谢

我有一个以全窗口 div 布局的页面。导航是通过点击导航按钮完成的，我不希望用户能够滚动到 div 之间的某个位置，所以我在容器上设置了溢出：隐藏。那部分工作正常。

HTML：

这是我正在使用的javascript：

当我向上滚动时，我确实有一段代码用于触发，但它看起来就像这样，但使用“向上”而不是“向下”和偏移量：-1。

问题是，我正在使用 Waypoints jQuery 插件来检测#slide 何时位于视口顶部并在关联的 navbtn 上设置活动状态。Waypoints 不再开火了。如果我打开删除溢出：隐藏，它可以工作，但是在那里，当我加载页面时它只会触发一次。

知道为什么当我使用溢出时航点会停止发射：隐藏吗？

我正在使用 jQuery 插件Waypoints在用户滚动一组图像时为其设置动画。我想要达到的效果是，当用户滚动上述图像时，以下 css 会附加到对象 -opacity:1和filter:grayscale(0),-webkit-filter:grayscale(0)和-moz-filter:grayscale(0)

单独使用opacity:1时效果很好，并且成功实现了不透明效果。但是，我似乎无法获得filter:grayscale(0)和工作。这就是我正在使用的。我确定这是一个微不足道的解决方案，但我似乎无法找到我正在寻找的东西。-webkit-filter:grayscale(0)-moz-filter:grayscale(0)

任何帮助，将不胜感激。

伊恩

我正在构建一个 jQuery Mobile 站点以供将来与 PhoneGap 一起使用，因此我的所有内容都是通过 AJAX 从远程 PHP/MySQL 东西中提取数据来加载的

在主页中，我最初只加载前 10 条新闻；然后，使用“更多...”按钮，我加载下一个 10，依此类推，直到从数据库中提取所有记录

http://www.media-italia.eu/app/index2.html

单击新闻并使用“返回”按钮返回，恢复初始状态（加载的前 10 个项目）。没关系，到目前为止一切都很好

现在到了棘手的部分：我想在我的页面上有一个“无限滚动”，所以我利用了jQuery Waypoints插件，结果如下：

http://www.media-italia.eu/app/index.html

一切看起来都很好，但是奇怪的事情来了（请打开控制台查看）
当我点击一个新闻，然后返回滚动，PHP页面被调用两次，导致重复项

我已经尝试了一些东西（包括在.on（）之前使用.off（）），但一点运气都没有
真的不知道问题可能是什么，请你帮忙吗？

我还准备了一个可下载的脚本：http ://www.media-italia.eu/app/app.rar

先感谢您！！！

我正在使用航点插件，但对其他人开放。到目前为止，当我向下滚动并达到 30% 时，我已经设法让 div 淡入淡出：

但是当它再次消失时，我无法让它再次消失。

谢谢您的帮助。

对于强大的stackoverflow来说，这是一个太难的问题吗？...

亲爱的stackoverflowers，

不知何故，我的航点在页面加载时触发，而不是在它们应该触发的时候触发。我的航路点的目标是，当它在视口中并且距离顶部 90% 时应该触发。然后它应该删除类 'hidden' 和 'animate fadeInUp'（使用 animate.css）。

有人有解决方案的想法吗？

这是当滚动到视口并且距离顶部 90% 时它应该触发的 HTML：

那是我正在使用的 javascript，但目前在页面加载后会自动触发。

这是我正在使用的 JS-Plugin 和 animate.css 的链接。

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

http://daneden.me/animate/

感谢能够解开这个小谜团的人。

当用户向下滚动页面时，我正在使用 Waypoints 来切换具有“实时”类的特定菜单项。一切正常，除了“实时”类在到达下一个区域时不会关闭。例如，在到达#services-amenities 的地方，#overview 菜单项 (124) 仍然具有“live”类。当到达另一个部分时，我需要做什么才能关闭课程。这是我的代码。谢谢你的帮助。

我试图使用 jquery 航点来产生一些粘性导航，但我遇到了问题。

在页面上

CSS

问题 1：似乎不适用于 div？如果我应用一个带有“sicky1”类的 div，它什么也不做。但是，当我将“stick1”类应用于 H1 或 A 标签时，它可以工作。有没有办法在 div 上使用它？

问题2：有没有一种方法可以将粘性应用到多个元素，然后在到达顶部时让它们彼此下方。

基本上我想做的是创造一种手风琴的影响。所以可以说我的页面有 3 个部分。

产品 - 内容 关于 - 内容 联系 - 内容。

当用户滚动到底部时，这三个部分应该被粘在页面的顶部，并在另一个之下。

即（这些应该在一个旁边的旁边）关于联系方式的产品

• 内容--页脚-

希望这是有道理的。Jquery 不是我的强项。