javascript - 如何为 scrollTop() 偏移设置动画？

Question

我正在寻找如何为我的 scrollTop 函数添加偏移量的解决方案，但我发现的解决方案很少，但它不适用于我的示例。

我的例子是

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

    }

});

这很好用。但是现在我想添加偏移功能，因为当我回到页面顶部时这个div会保留。我怎样才能从 top display:block .menu div 写出类似 300px 的内容？

谢谢!

Answer 1

您必须将 top 属性添加到 div。请尝试以下代码

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

});