2016-07-22 5 views
3

以下のすべての問題は、モバイル経由でアクセスしている間です。画像に白いパッチが表示され、ウェブサイトが全長にスクロールしないskrollr jsモバイル視差の問題

私はクライアントの1人にskrollr jsを使用しました。パララックスセクションは4つあります。最初の2つの画像は完全に機能しますが、3つ目の画像は空白でなく、最後の画像はブランクになります(白いパッチ)。

この問題に伴い、ウェブサイトは完全にスクロールしません。

IMG1:目に見える白いパッチをより詳しく説明し

。そして、それは一定ではなく、時には完全な画像が表示され、時にはそれがIMG2ない

the white patch visible. and it is not constant, at times the complete image appears, at times it does not

ん:ウェブサイトが示すセクションの下にスクロールすることができませんでした。 The website could not be scrolled below the shown section.

私が使用していJavascriptがある:

var s = skrollr.init({ 
    edgeStrategy: 'set', 
    smoothScrolling: false, 
    mobileDeceleration: 0.004, 
    forceHeight: false 

    }); 

    skrollr.menu.init(s, { 
    change: function(hash, top) { 
    console.log(hash, top); 
    }, 
    updateUrl: false, 
    animate: true, 
    easing: 'sqrt', 
    duration: function(currentTop, targetTop) { 
     return 500; 

    },  
    }); 
+1

基本的に外部サイトへのリンクである質問は、残念なことに、オフトピックです。関連するクローズ理由は次のとおりです。「デバッグのヘルプを求める質問(「なぜこのコードは機能しないのですか?」)には、目的の動作、特定の問題またはエラー、およびそれを再現するのに必要な最短コード** " – halfer

+1

ありがとうございます。私が直面している問題の詳細を掲載しました。 – Zee

+0

問題ありません。あなたのリンクは「ページが見つかりません」です - この質問に関連して読者に見せたいものですか? – halfer

答えて

0

多くを検索した後、私は欠けていたものに近づいたリンクを見つけました。

Scrolling height bug using skrollr.js on safari ios7

上記のリンクは、私は内部の私のskrollr初期化コードを記述する必要があることを把握するのに役立った:

$(window).load(function() { }); 

代わりの

$(document).ready(function() { }); 

これは私の問題の両方を解決しました。

ありがとうございます。

0

は、私は、これはあなたの問題を解決したりしませんかはわからないが、開発ツール、あなたのメタビューポートでエラーが発生している私に言っています。

セミコロンではないカンマを使用する必要があります。

+0

あなたの問題が解決したのを見ています。私が示唆したようにビューポートに問題がありましたか? – NosNits

+0

こんにちは、私はビューポートを変更しました。まだ問題は解決されていません。それは完全なページを表示することがあります。時々それはipadのように今まで全ページを表示していましたが、ランダムではありません。正確な理由を特定することはできません。 – Zee

関連する問題