Zoomer.js のアニメーション機能の JS を編集してみました。コードは次のとおりです。
$('.title').animate({marginLeft:'2px',marginTop:'65px'},d.speedTitle).css({'z-index':'10','position':'absolute','float':'none'})}}},function(){$(this).css({'z-index':'0'});
$(this).find('img').removeClass("hover").stop().animate({marginTop:'0',marginLeft:'0',top:'0',left:'0',width:'100px',height:'100px',padding:'0px'},d.speedRemove);$(this).find('.title').remove()})}}})(jQuery);
小さな赤いボックスが上から下ではなく、下から上にアニメーション化されるようにしたいと思います。marginTop:'65px' を marginBottom:'35px' に変更するのと同じくらい簡単だと思いましたが、それはうまくいきません。
position:absolute を使用すると marginBottom が無効になることを読みましたが、他の位置を使用すると効果がなくなります。これが正しい場合、回避策はありますか? これが正しくない場合、どこが間違っているのか教えてもらえますか?
皆さんの時間と意見に感謝します。
ありがとうございました！