私は現在、Twitter Bootstrap フレームワークを試しており、Skrollr プラグインを使用してすばらしい視差効果を実現しています。しかし、タブレットやスマートフォンで自分のウェブサイトを見ているときに、スクロールに問題があります。モバイル デバイスで Web サイトをスクロールできない原因となる小さな 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;
}
}
});
}