我目前正在尝试使用 Twitter Bootstrap 框架并使用 Skrollr 插件来实现出色的视差效果。但是在平板电脑和智能手机上查看我的网站时,我遇到了滚动问题。我注意到有一小段 javascript 代码导致网站无法在移动设备上滚动。
var s = skrollr.init({
edgeStrategy: 'set',
easing: {
WTF: Math.random,
inverted: function(p) {
return 1-p;
}
}
});
当我删除这段小代码时,网站突然变得可滚动,但导致不同的视差板消失。有没有人也有这个问题,你有这个问题的解决方案。
解决方案:(tnx 的评论和帮助)
if (document.createTouch) {
//mobile code
} else {
var s = skrollr.init({
edgeStrategy: 'set',
easing: {
WTF: Math.random,
inverted: function(p) {
return 1-p;
}
}
});
}