0

横長のページアニメーションでウェブサイトを作ろうとしています。現在、このサイトで見つけたプラグインを使用しています。http://manos.malihu.gr/horizo​​ntal-page-animation-to-id-with-jquery/

これが私の問題です：

＃c7や＃c8などのページを追加することにしました。また、コンテナの幅を13500pxに調整して、8ページに対応しました。現在、コンテンツ7とコンテンツ8をクリックすると、スライドが機能します。ただし、ページ8からページ1〜7をクリックすると、それらのページにスナップします。どうすればページをきれいに移行できますか？たとえば、6ページから4ページをクリックすると、移行がスムーズになります。

私はjsファイルを調べて、cssをいじってみましたが、私が抱えている問題を解決できないようです。この感謝を調べるためにいくつかの新鮮な目を取得したいと思っています。

あなたが助けることができることを願っています。

編集：サンプルページへのリンクを追加しました。8ページまたは9ページをクリックしてみてください。そのページから、1〜7ページをクリックしてください。それはそのきびきびとしたアニメーションを持っており、移行はスムーズではありません。

http://dl.dropbox.com/u/57617407/Websites/horizo​​ntal-animate-page-to-id-jquery.html

どうもありがとう。

  • はきも
4

2 に答える 2

1

私はそれを調査しました。間もなく：そこにあるライブラリのより新しいバージョンを使用します。

「少し」長い説明：

まず-これは何ですか？この「きびきびとした」アニメーションが発生するのは、クリックすると（アニメーションの開始時に）、コンテナ上で「左」がすぐに0にドロップするためです（選択したものは何でも）。次に、その「左」プロパティを選択したエントリにスムーズにアニメーション化します（ゼロから）。また、すべてのエントリをスクロールする必要があるため（最初のエントリが選択されたかのように）、扱いにくいように見えます。人間の目はその急速な変化に気付くことはできません。デバッガーは私たちの友達です。

次へ-それはいつ起こりますか？試行錯誤の結果、アニメーションの開始時に「左」が-10000px（または-11000、不明）よりも小さい場合の条件が見つかりました。

最後に-なぜそれが起こるのですか？答えは簡単です。バグです。これはすでに修正されています。したがって、このページを強化するすべてのスクリプトをより新しいバージョンに更新してみてください。それは私がそれについて見つけた変更です（クリック可能）。

私がそれを見つけた方法：

  • すでに選択されているエントリを選択するとどうなりますか？ほとんどは通常のように動作します-アイドル状態を維持します。しかし、最後のものは最初のものに落ちて、それから彼ら自身にアニメートします。
  • Chrome Developer Toolsは驚異的に機能します（ChromeではF12）。同様のもの：OperaのDragonfly（Prestoベース、12.XX以前、v15ではChromeと同じ）とFirefoxのFirebug。
  • 私はjQueryバグトラッカー（クリック可能）でこのエントリを見つけました。これには、更新せずにすぐに修正するための情報が含まれている可能性があります。縮小されたJSを掘り下げてもかまわないのであれば、それは難しいことです。
  • 最初のエントリがアクティブになっている最後のエントリを選択すると、話している「スナップアニメーション」とまったく同じ効果が得られます。
于 2013-09-03T00:09:33.850 に答える
0

デモページhttp://manos.malihu.gr/tuts/horizo ​​ntal-animate-page-to -id-jquery.html（firefox10とchromium22でテストしました）では問題なく動作しているようです。問題は、ページ内の他のスクリプトとの競合です。

私の提案は、干渉する可能性のある他のものを可能な限り無効にしてから（スライド効果が正常に機能する場合）、それらを1つずつ再度有効にして、誤動作の原因を特定することです。

于 2012-11-02T01:45:09.100 に答える