問題タブ [jquery-easing]

例
何よりもまず、私のコードと問題は次のとおりです。http:
//www.nathanstpierre.com/MBX/showoff.html

問題
だから私が見ているのは、左側のボタンをクリックすると、ウィンドウが適切な見出しにスクロールするということです。Firefox以外のすべてのブラウザ（... IE gaspを含む）では、これは非常にスムーズです。ただし、ウィンドウの高さを低くすると、すべてのコンピューターでスムーズになります。私はすでに複数のコンピューターとIE7-8、Google Chrome、Safari、Firefox3.5でこれを試しました。ページ上のグラフィックと色をすべて削除したので、それらは問題ではありません。私はあなたに続くサイドバーを取り除きました、それはそうではありません。

理論
jQueryイージングプラグインは、移動する必要のある距離を計算し、指定された期間の単位ごとに移動する必要のあるピクセル数を分割すると思います（たとえば、30ミリ秒で300ピクセル、つまり10px / ms） 。他のすべてのブラウザはこれをスムーズに移行できるようですが、ウィンドウスクロールイベントによって提供される粒度が、Firefoxがこれをスムーズに表示するのに十分に圧縮されていない可能性がありますか？または、間違ったイージングプラグインまたは間違った設定を使用している可能性があります。

コード

ロジック

sidenavonClickの各タグにイベントリスナーを追加します。これにより、そのリンクのhref属性と同じIDを持つドキュメント内の要素のoffset（）。topが取得され、現在のscrollTopからその要素のoffset（）。topにアニメーション化されます。ロジックはしっかりしていて、Firefoxを除くすべてのブラウザでスムーズに動作します...私が知る限りです。

罪状認否

私は何が間違っているのですか？これはバグですか？

ありがとう！

更新

良心的にここに提示された答えのいずれかを選択することはできません。それらのどれも実際に問題の解決策を与えていないので、これをフォローしている場合は、お気に入りを選んでください。賞金は最も高いものに行きます。投票。

この問題は、Firefoxがa）透明度をレンダリングし、b）スクロールイベントを処理する方法にあるようです。十分なプロセッサパワーがあれば、これは問題にならない可能性がありますが、私を悲しませているのは、IE（すべてのブラウザの）が劣ったハードウェアでこれをうまくレンダリングできることです。私はこの問題についてMozillaにアプローチし、彼らがそれについて何か言うことがあるかどうかを確認します。

追加の教育のために、以下が無料で提供されます。

透明性あり透明性
なし透明性なし

編集：それで質問は答えられました、しかし今私はそれを選ぶことができません。誰もがそれで何が起こっているのか知っていますか？

最終更新 彼らが私に恩恵を取り戻すのに十分な時間が経過したので、私は正しい答えを選びました。ボックスシャドウやその他のいくつかの効果により、Firefoxでのレンダリング方法が原因でスクロールの問題が発生するようです。FF 4.0 +はこれをより適切に処理しますが、一部のコンピューターにはまだ問題があります。これは、CSS3を実装している人々にとって素晴らしい注意点です。すべてのブラウザーで相互作用をテストし、パフォーマンスコストが正当であるかどうかを確認してください。

そのため、私は jQuery でしばらく遊んでいて、効果を適切に機能させようとしています。ページの中央にメインの正方形の div があり、誰かがリンクをクリックすると、ボックスがページから落ちて消え、その後ろに新しいページが表示されるようにします。私はイージングプラグインで遊んでいますが、私がやりたいことを手に入れたようです。基本的に、divの上部マージンまたは上部距離を大幅に増やしました。ただし、これにより div が落ちるだけでなく、ページが拡大され、ページのはるかに下になります。私は基本的に、div がサイトの外に出て、サイトのサイズを変更しないようにしたいと考えています。誰もそれを行う方法を知っていますか?

ありがとう！ダニー

このコードを使用すると、マウスホイールの動きをキャプチャして、垂直方向のデフォルトではなく水平方向のスクロール バーに適用することができました。

この jQuery イージング アニメーションをスクロールの動きに追加する方法はありますか?

よろしくお願いします！

私はlocalScrollを使用していて、サイトをスムーズにスクロールするためにイージングしています：http: //www.pressedweb.com/beta

すべてがかっこいいですが、localScrollまたはイージングが完了する前にユーザーがスクロールしようとすると、ちらつきが始まり、一貫してアニメーションを終了しようとします。

どうもありがとう。StackOverflowは素晴らしいです！

スムーズなスライド効果が必要ですが、何が間違っているのか理解できません。私は次のことを試しました

このスムーズな効果を実現するために私が間違っていることはありますか

graphicaljQuery Easing プラグインの図 ( ) を見つけましたhttp://james.padolsey.com/demos/jquery/easing/

これらのグラフは正確に何を表していますか。

イージングプラグインを何度か動かしたり分析したりしようとしましたが、実際にどのように機能するのか理解できませんでした

誰かがそれを理解する方法を説明できますか

これは (mootools のような) kwicks Jquery プラグインに関するものです: http://www.jeremymartin.name/projects.php?project=kwicks

私はここでこの男と同じ問題を抱えていますjquery kwicksの問題（jqueryのkwicksはテストサイトでは正常に機能しますが、ライブサイトでは機能しません）が、私の場合、問題が何であるかはわかっていますが、まだ答えを見つけることができず、 Kwicks プラグインは現在、積極的に開発されていません。

問題は Jquery のバージョンにあると思います。このプラグインは 1.2.6 では問題なく動作しますが、1.4.2 では動作しません。プラグインのコードを確認しようとしましたが、1.4.2 Jquery 互換になるようにアップグレードする方法がわかりません。

私は 1.2.6 を使用したことがないので、1.4.2 でこれを機能させるために何を変更する必要があるかわかりません。

助けてください。ありがとうございました！

PS> プラグイン (Jquery 1.2.6 互換) のソース コードを以下に示します。

jquery の単純な部分だと思っていたものがありますが、それが苦痛であることがわかりました。

これのslideUp部分は正常に機能しますが、下にスライドしません.slideUpのイージング部分を取り除いても機能します。

何か案は？

myDiv2 は最初は非表示になっています。

行をこの作品に変更するため、少し奇妙だと思います...

MacでSafariとFirefoxを使用してテストしています...

カーソルを合わせると背景の位置が変わる一連の画像のマウスオーバーリンクがあります。CSS3を変更せずにこれらのリンクでjqueryイージングを使用することは可能ですか？もしそうなら、誰かが何か例がありますか？

これが私のコードです：

スライドショーを作成するのに役立つライブラリ（またはプラグイン）を探しています。ここで（画像の単純な順序付けに加えて）特定の画像の開始位置と終了位置（X / Yまたはズーム）を定義できます。プラグインはそれらの間にあるステップをアニメーション化します。

Flashにはこのようなツール/ライブラリがたくさんあります。jQueryも同様だと思います。理想的には、さまざまな緩和効果も提供するものです。これらの要素はjQueryにネイティブであると理解しています...私は、実績のあるラッパーを探しています。

どうも