通过 .classList.add('') 增加的 class (在移动端 WebKit)无法通过 .classList.remove('') 移除是为什么? 增加一个 class 的本质是什么?

[iugo]

一个简单的例子:
http://codepen.io/iugo/pen/pJveKZ

一个实用的例子:
http://codepen.io/iugo/pen/aOzJRe

简单的例子在 Firefox 和移动端都很好地实现了功能.

但是实用的例子在 Firefox 实现了功能, 但在移动端却无法移除 class, 导致功能缺失.

测试环境:
Firefox: Ubuntu(64bit) 37
移动端: iOS 8(Safari) and Android 4.4(Chrome)

[iugo]

简单的例子在 Android 4.4(Chrome) 上正常.
但是在 iOS 8(Safari) 上不正常.

[morethansean]

http://caniuse.com/#search=classList

[iugo]

@morethansean 应该不是这么简单的问题.

如果需要移除 html 中写的 class, 则没有问题.
但如果使用一个函数向 classList 中增加 class, 则 Firefox 正常, WebKit 无法实现.

[otakustay]

iOS safari就没触发scroll事件，不是classList的问题……

[otakustay]

http://stackoverflow.com/questions/2863547/javascript-scroll-event-for-iphone-ipad

[iugo]

@otakustay 移动端由 scroll 类似的事件吗? 或有什么库推荐吗?

[iugo]

@otakustay 简单的例子和实用的例子在 Chrome(Android) 里也是有区别的.

在简单的例子中:
只要滑动就触发了事件绑定的函数.

在实用的例子中:
滑动后需要在空白处点击一下才触发.

这个是什么情况?

[otakustay]

@iugo Stackoverflow上有些相关的问题

http://stackoverflow.com/questions/9225525/how-can-i-monitor-scroll-position-while-scrolling-in-safari-on-ios

总得来说乖乖touchstart的时候开始setInterval判断scrollTop……

[otakustay]

@iugo 厄，我没有android的手机……我看有时间的话去借一个来帮你看看问题- -