0

js見つけたアコーディオンを実装しようとしていますが、問題があります。タイトルはページの上部にきれいにスライドし、コンテンツを下にドロップすることになっています。それは起こっていることではありません。あなたがそれを見るとき、いくつかの明らかなジャンプが起こっています。まったくスムーズではありません。よくわかりませんのでjs、よく説明してください。本当にありがとう！

http://imip.rvadv.com/accordion.html

編集： jsを私が入手したサイトのデフォルトファイルに置き換えた後、何も変更されませんでした。これがそのためのjsfiddleです

http://jsfiddle.net/imakeitpretty/ruwjn/

4

2 に答える 2

2

これを確認してください：http：//jsfiddle.net/luissanchezm86/ruwjn/4/

問題は.jsではなく、jsfiddleにすべてを書き込む必要はありません。これはJQuery UIであるため、簡単にチェックして含めることができます。別の外部.jsの場合は、リソースとして使用し、チェックしてください。そのためのフィドルのドキュメント。

それに加えて、もう1つの問題はCSSマークアップでした。そのフィドルには重複したクラスがたくさんあり、少し混乱していました。

ジャンプの主な問題は次のとおりです。

.st-accordion ul li.st-open > a{
    margin-top: 70px;
}

コメントしたところmargin-top: 70px;、問題の75％が修正されたので、jsfiddleに配置したcssを使用することをお勧めします。

お役に立てば幸いです。

アップデート

ここで、 http：//jsfiddle.net/luissanchezm86/ruwjn/5/のように一番上までスクロールしたい場合は、体の高さを高くする必要があります。

body {
    height: 2000px; 
}
于 2012-07-11T02:27:09.083 に答える
1

コードを確認すると、次のプラグインを使用しているように見えます。

http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/

そのページに移動すると、アニメーションの速度を制御するために必要なjavascriptオプションと、実際の例よりもスムーズな例が表示されます。

于 2012-07-09T14:23:35.080 に答える