.offset();変数のトップから値を計算するために使用しています...
pos = content.offset();
しかし、私の問題は、Twitter API の読み込み時に実行されるアニメーションがあることです。
これは、このアニメーションが起動する前に約 2 ～ 5 秒の遅延があることを意味します。このアニメーションは私のcontent = $("#slider-container")高さを (約 64 ピクセル) 増加させます。ただし、Twitter が読み込まれないと、アニメーションが実行されないことがあります。
したがって、この変数が以下のスクリプトで使用されている場合、Twitter アニメーションの前からオフセット値が取得されます。アニメーションが実行された場合でも。
ご覧のとおり、2 つ目のスクリプトです。これは、ツイートの読み込み時に実行される私の Twitter アニメーションです$('#tweetbar')。$("#slider-container")
どうすればこれを並べ替えることができますか?
私のスクリプト...
$(window).bind("resize.browsersize", function() {
var $tabs = $('#left-tab, #right-tab'),
positionScroll = $(window).height() / 2,
content = $("#slider-container"),
pos = content.offset();
$(window).scroll(function(){
if ( $(window).scrollTop() >= pos.top + 265 - positionScroll ) {
if ($(window).scrollTop() + positionScroll <= pos.top + content.height() - $tabs.height()) {
$tabs.removeAttr('style').css({ position:'fixed', top: positionScroll + 'px'});
} else {
$tabs.removeAttr('style').css({
top: content.height() - $tabs.height()
});
}
} else {
$tabs.removeAttr('style').css({ top: '265px' });
}
});
}).trigger("resize.browsersize");
私のアニメーションスクリプト...
$("#tweetbar").tweet({
username: "twitter",
join_text: "auto",
count: 1,
auto_join_text_default: "we said,",
auto_join_text_ed: "we",
auto_join_text_ing: "we were",
auto_join_text_reply: "we replied to",
auto_join_text_url: "we were checking out",
loading_text: "loading tweets..."
}).bind("loaded", function(){
$('#tweetbar').slideDown();
});