如何設置scrollTop（）偏移量的動畫？

Question

我在尋找如何向我的scrollTop函數添加偏移量的解決方案，但發現的解決方案很少，但不適用於我的示例。

我的例子是

jQuery(document).scroll(function(){
    if(jQuery(this).scrollTop() > 300)
    {   
        jQuery('.menu').css({"display":"block"});

    }

});

這很好。 但是現在我想添加偏移量功能，因為當我返回頁面頂部時，此div保持不變。 如何從頂部display：block .menu div編寫類似300px的文字？

謝謝！

Answer 1

您必須在div中添加top屬性。嘗試以下代碼

jQuery(document).scroll(function(){
    if(jQuery(this).scrollTop() > 300)
    { 
        jQuery('.menu').css({"display":"block","position":"relative","top":"300px"});  
    }

}）;