推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
通过 .classList.add('') 增加的 class (在移动端 WebKit)无法通过 .classList.remove('') 移除是为什么? 增加一个 class 的本质是什么?
iugo · 2015-04-27 11:35:39 +08:00 · 3146 次点击这是一个创建于 3499 天前的主题，其中的信息可能已经有所发展或是发生改变。
一个简单的例子:
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)
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)
 |
1
iugo OP 简单的例子在 Android 4.4(Chrome) 上正常.
但是在 iOS 8(Safari) 上不正常. |
 |
2
morethansean 2015-04-27 12:15:34 +08:00
|
|
3
iugo OP @morethansean 应该不是这么简单的问题.
如果需要移除 html 中写的 class, 则没有问题. 但如果使用一个函数向 classList 中增加 class, 则 Firefox 正常, WebKit 无法实现. |
 |
4
otakustay 2015-04-27 14:39:34 +08:00  1
iOS safari就没触发scroll事件，不是classList的问题……
|
|
5
otakustay 2015-04-27 14:40:04 +08:00
|
|
7
iugo OP @otakustay 简单的例子和实用的例子在 Chrome(Android) 里也是有区别的.
在简单的例子中: 只要滑动就触发了事件绑定的函数. 在实用的例子中: 滑动后需要在空白处点击一下才触发. 这个是什么情况? |
|
8
otakustay 2015-04-27 14:48:38 +08:00 1
@iugo Stackoverflow上有些相关的问题
http://stackoverflow.com/questions/9225525/how-can-i-monitor-scroll-position-while-scrolling-in-safari-on-ios 总得来说乖乖touchstart的时候开始setInterval判断scrollTop…… |
Select Language