Question

我得到了一个脚本的帮助，该脚本适用于第一个模态，但在下一对模式中没有。向下滚动时，背景颜色会在第一个模态中发生变化，但在第二个模式中没有任何反应，等等。

var scrollFn = function () {
var targetOffset = $("#anchor-point")[0].offsetTop;
console.log('Scrolling...');

if ($('.remodal').scrollTop() > targetOffset) {
    $(".projectTitle").addClass("topper");

} else {
    $(".projectTitle").removeClass("topper");
       }
};

$('.remodal').scroll(scrollFn);

Answer 1

规格说明UNIQUE

HTML 4.01 specification表示ID必须是文档范围内唯一的。

HTML 5 specification说同样的话，但换句话说。它说ID在 home subtree 中必须是唯一的，如果我们读取它的定义，它基本上就是文档。

首先，对于最佳做法，您必须更改重复的ID WifiWizard.getCurrentSSID(ssidHandler, fail);（在我的示例中，我将其更改为类），同样ID navigator.accelerometer应该是唯一的。
< / LI>
其次，您必须在滚动功能anchor-point中使用one来检测当前滚动$(this)并选择属于它的元素。
< / LI>
HTML：
```
scrollFn
```
Js：
```
remodal
```
希望这可以提供帮助，请查看 Working fiddle

脚本不适用于后续模式

1 个答案: