如何獲取scrollToFix插件限制以停止在我的網站頁腳？

我在我的網站上使用scrollToFix腳本來修復廣告，當用戶向下滾動頁面並在用戶到達頁腳時釋放（以便廣告不與頁腳重疊）。但是，我的代碼會導致廣告停止在頁面的三分之一到一半之間滾動，而不是在頁腳處滾動。將其設置爲滾動到容器的外部高度減去頁腳的高度後，也會在該位置停止。如何獲取scrollToFix插件限制以停止在我的網站頁腳？

$(document).ready(function() { 
    $('.right').scrollToFixed({ 
      marginTop: $('.float').outerHeight() + 8, 
      limit: $('footer').offset().top 
    }); 
});

有沒有關於如何讓它停止更準確的想法？

來源

2012-11-28 Taylor

這可能是因爲您的網站在文檔準備好後由於字體&圖像等而改變高度。嘗試將事件綁定到窗口load事件。

$(function() { 
    $('window').on('load', function() { 
     $('.right').scrollToFixed({ 
      marginTop: $('.float').outerHeight() + 8, 
      limit: $('footer').offset().top 
     }); 
    }); 
});

來源

2012-11-28 22:38:24

啊，你發現問題了！我不得不修改一下代碼，但我想我明白了，非常感謝指針等待頁面加載！：D $（window）.load（function（）{（'。right'）。scrollToFixed（{margin：0（'。float'）。outerHeight（）+ 8， limit：$（ '）。offset（）。top - $（'。right'）。outerHeight（） - 24 }）; }）;' – Taylor

是的，它取決於您使用的jQuery版本; '.on（）'是比較新的。我不喜歡'.load（）'函數，因爲它根據你傳遞的參數完成2件事情，這是非常不一致的。 [從服務器加載數據]（http://api.jquery.com/load/）和[加載JavaScript事件]（http://api.jquery.com/load-event/）。你也可以使用'.bind（）'。 –

$(document).ready(function() { 
    $('.right-sidebar').scrollToFixed({ 
    marginTop: 0, 
    limit: $('.right-sidebar-parent').outerHeight() - 180 }); 
    });

這爲我工作的動態限制高度。

來源

2015-05-19 06:27:16

如何獲取scrollToFix插件限制以停止在我的網站頁腳？

回答

相關問題