0

jqueryのslidetoggleとhover機能のおかげで、「ドロップダウン」するdivがあります。

その div の中には、いくつかの情報 (日付やメモカウンターなど) があり、3 つのボタンがあります。そのうちの 2 つはタンブラー ボタン ( {LikeButton}、{ReblogBu​​tton} ) で、3 つ目はエンティポ シンボルです。

私はそれらすべてを独自の別のクラスで右にフロートさせるか、オーバーラップさせる必要があります（tumblrの問題、いいねボタンとリブログボタンがうまく作られていません）

jquery slidetoggle ドロップダウンを「ジャンピー」にしているのは、「float:right」css ビットであることを確認しました。(というか、下にスライドし、ミリ秒で上にスライドしてから下にスライドし、震えるような効果を生み出します)

誰がこれを引き起こしているのか知っていますか? div の右端に 3 つのスパンを並べるより良い方法を知っている人はいますか (text-align:right は機能しません。既に試しました)。

私のテスト サイトはこちら: http://test-theme-one.tumblr.com

役に立ったら

4

1 に答える 1

1

マウスを上に置くと、拡大してからわずかに収縮するという事実を指していますか? min-heightその場合は、アイコンのサイズに設定されたプロパティを要素に追加してみてください.notes。これにより、このジッターが防止されるようです。

ヒント: すぐにマウス アウトすると、同時にメソッドが呼び出されるため、ジッターも発生することに気付きました。アニメーションの開始時にフラグを設定して、他のアニメーションが開始されないようにします。この擬似コードのようなもの:

//Global Flag
flag = false;
-- start function --
 //prevent animation if another animation is in progress.
 if(flag) return; 
 flag = true;
 your.animation(function(){
    //callback (when animation is done)
   flag = false; //rest flag
 });

ジッターする理由は、内部の要素がフロートに設定されているため、親要素の高さが影響を受けないためです。そのため、アニメーションはそれを空であるかのように扱います。ただし、min-height または単に高さを設定すると、それが補正されます。それよりも複雑だと思いますが、簡単に言えば、それが起こっていることです。

于 2013-07-06T06:55:37.527 に答える