iPhone、iPadで正しく動作しないCSS、jQuery、およびJavaScript

Question

私は自分のウェブサイトのプログラミングを終え、GoDaddyのホストにアップロードしました。コンピュータやAndroid端末でうまくいきました。違う。私はいくつかの視差効果、固定された背景とビューポートの上に行くときに上に行くと固定位置を取得するメニューは、これらのデバイスで動作するものはありません。

スクロールシームが最大の問題である、私はあなたがページをスクロールするときに何かを動かすか、何かをする。スムーススクロールが止まったときに適用されるこれらのすべての効果。 IOデバイスとこの：

overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 

いくつかのメタタグがありますか？私はちょうどこの仕事をすることはできません、事前に感謝します。

Answer 1

問題はIOsデバイスがすべての移動機能をオフにして、iPhoneとiPadsがWebサイトをナビゲートするときにスムーズにスクロールできることです。

私はこの見つかり最善の解決策は次のとおりです。http://markdalgleish.com/projects/stellar.js/demos/

他のオプションは、ユーザーエージェントは、iPhoneやiPad上であれば検出し、視差やと他のトランジション効果を持つオブジェクトにCSSスタイルを変更することですこのjQueryの：

のJs

var userAgent = window.navigator.userAgent; 
if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) { 
    $('#banner').addClass('ios-background'); 
} 

のCss

.ios-background{ 
    backgorund-attachment: scroll 
}