我目前正在尝试使用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;
}
}
});
}