mac safariでパララックス効果がガタつく問題

Question

mac safariでパララックス効果がガタつく問題です。

開発中のため現状のコードを公開できないのですが、
具体的には下記で質問されているものと同様の現象についての質問です。

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12153472332

positionをfixedにすることでガタガタする動き自体はなくなります。
ただfixedにできない場合も中にはあるかと思います。
そこでsafariのスクロールイベントのタイミングなどを操作してこの問題を解決する方法などありますでしょうか。

このサイトの二枚目の画像部分で同様の現象が確認できます。
上端に到達するまでは下から普通にスクロールしてきて到達してからは画面に固定になる処理をしているとガタつきます。
同様の現象が確認できる参考サイト

以上何卒よろしくお願いいたします。

Answer 1

ブラウザそのもののレンダリングタイミングを操作することはできなかったのでとりあえずの解決方法です。

問題の現象が起こる箇所だけ一時的にfixedにすることでとりあえず解決しました。
fixedを避けたい理由はjsをオフにした環境でも静的なレイアウトで正常に観覧できるようにしたかったからです。
その他の代替案としてfixedにしたbodyのtop値をマウスホイールイベントで操作してスクロールしているように見せる機能自体を自作することで解決しました。

これでiPhoneのスクロールイベントでアニメーションが止まる問題にも対応できました。

Answer 2

参考サイトではjQyery1.8を使っていらっしゃいますね。
jQueryはバージョンアップを重ねて多くの仕様変更点があります（特に1.8→1.9では多くの変更がありました）ので、可能性の一つとしてjQuery（とパララックスプラグイン）のアップデートを行われても良いのかなと思います。
http://jquery.com/download/
現在の安定最新版（jQuery 1.12.4または jQuery 2.2.4）をダウンロードし、切り替えて試してみてはいかがでしょうか。

Comments

[merry]

お世話になります。
おっしゃる通りjqueryはバージョンによって挙動が変わったりします。
その影響を受けるのが嫌なのでパララックスのライブラリはピュアなjsで自作しています。
jqueryにある機能は別の一般的な処理で使っています。
パララックスライブラリ自体はjquery非依存なので今回はjqueryのバージョンは関係なさそうです。

問題の現象が起こる箇所だけ一時的にfixedにすることでとりあえず解決しました。
fixedを避けたい理由はjsをオフにした時でも静的なレイアウトで観覧できるようにしたかったからです。その他の代替案としてfixedにしたbodyのtop値をマウスホイールイベントで操作してスクロールしているように見せる機能自体を自作しました。