问题标签 [jquery-waypoints]

该页面包含一个供用户填写的小表格——他们的城市、州和邮政编码。提交后，页面会生成一个位置表。它可能是一个很长的表格，所以我尝试使用 waypoints.js 来保持我创建的标题 div（与表格分开），一旦它到达视口的顶部就固定。由于表是动态创建的，因此我无法使插件正常工作。

我在我的网站上使用了两个 jQuery 插件来完成两件事：

1. jQuery Waypoints - 所以当我向下滚动页面并到达每个部分时，相应菜单链接下方的黑条变为白色：

   

   2. jQuery ScrollTo - 当您单击主菜单链接之一时，我正在使用它来平滑部分之间的滚动。

我的问题是，当我手动向下滚动页面时，适当的选定类会通过 Waypoints 添加到主菜单链接（如上图所示将栏变为白色）。但是当我单击主菜单上的实际链接时，它不起作用，直到我手动向下滚动一点。我相信这两个脚本都有一些偏移选项可以使其正常工作，但我无法弄清楚。我设置了一个 jsFiddle ( http://jsfiddle.net/j5Guz/ )。这是我当前的 jquery：

我正在尝试使用 JS 让我的标题在使用 JQuery Waypoints 到达页面顶部时变得粘滞。问题是它没有粘住。有什么建议么？

以下是代码中的选择：

HTML：

jQuery：

CSS：

我想在用户滚动并到达某个元素时触发一个函数，以便我可以将该元素标记为“已读”（想想在现已失效的 Google Reader 中查看帖子后如何将它们标记为已读）。因此，例如，想象一个如下所示的页面：

假设只有前两个<divs>适合视口，我想使用 Dojo 的事件侦听器并在 div 3 进入视图时触发一个事件，并在 div 4 进入视图时再次触发一个事件。（除了我在读取元素时记录的目标之外，这还可以让我轻松实现无限滚动。）

jQuery Waypoints工具似乎完全符合我的要求，但由于我的大部分代码都使用 Dojo，我真的不想只为这一项任务使用 jQuery。我想找到一个预先编写的工具或简单的方法来执行此操作，它不依赖于 Dojo 以外的库/工具包（我可以使用 Dojo 或根本不使用库）。

更新：似乎Skrollr也可以满足我的要求，但仅适用于动画——也就是说，它可以根据元素与视口的关系为元素设置动画。但是，这并不完全有帮助，因为我的目标不是动画，而是在元素进入视点时激活一个函数（这将通过 Dojo 进行 AJAX 调用）。

我正在创建一个站点，并希望将这个站点中的一些内容合并到我的菜单中。 http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints/ 我真的很希望我的菜单栏根据该部分进行更改，但我是全新的到 javascript 并且遇到了一些麻烦。现在，它似乎不起作用。有什么建议么？谢谢！这是一些代码

这里的菜单栏是如下所示的菜单栏，它对应于整个 html 中导航导致跳转到的标记

一个标记看起来像这样

标签在每个标记之前和之后使用以设置导航将更改的所需部分

我在我正在开发的一个新网站上使用航点，我希望其中一个链接可以转到 facebook，但由于航点 jquery，它不会。

有一个链接需要发生什么，只需转到 Facebook.com 我到处都搜索过，但找不到任何告诉如何链接到另一个网站的内容。

已经找到了很多在滚动时为元素设置动画的方法，但它们似乎都是从一种状态到另一种状态的动画，而不是跨越三种状态。

我想做的是：

• 元素顶部进入视口底部：不透明度 0
• 元素在视口中间：不透明度 1
• 离开视口顶部的元素底部：不透明度 0

我想在不透明度 0-1-0 的窗口滚动上对这三个状态进行动画处理

有可能吗？

我已经包含了 jQuery 和 Waypoints，我可以在检查器中看到这两个脚本。

话虽如此，我完全不确定为什么我的航路点没有开火。我只是想设置一个基本警报，当元素出现在屏幕上时，它会触发一个警报，告诉用户。这只是我的概念证明，我什至无法让它发挥作用。我的 HTML 和 JS 代码如下。我不知道出了什么问题。

-HTML-

-JS-

在我的网站上使用航点时，我无法突出显示正确的菜单项（或者根本无法触发航点，我不知道）。我的内容的第二部分（#work）工作得很好，但第一和第三部分没有（#about 和 #contact）。我的 jquery 技能不好，所以我需要一些帮助！

HTML：

查询：

提前致谢！

然而，使用航点库，问题似乎也与脚本无关，因为我们对一般 jquery 和 javascript 理解的理解不佳。

通过这一行，我们跳到选择属性 href 为某个值的所有锚点，并添加或删除一个类。

但什么也没有发生。

代码，下面是小提琴。

JS：

HTML：

CSS：导航{显示：块；位置：固定；宽度：100%；背景：红色；}

你可以在这里查看：

http://jsfiddle.net/talofo/Bkws7/

我究竟做错了什么 ？