如何为固定元素设置最大上边距？

Question

所以我有这个代码：

jQuery(document).ready(function($){ 
    $( window ).scroll(function() {
        var current_top = $(document).scrollTop(); 
        var heights = window.innerHeight;
        document.getElementById("sHome").style.height = heights * 0.8 + "px";
        $('#sHome').css('top', (current_top*1));    

    });

});

更准确地说，我指的是：

$('#sHome').css('top', (current_top*1));

这是将上边距设置为滚动。

它工作正常，但是，当我使用 inspect element 时，我有一个无限滚动，所以它像 top: 7000px;

有没有办法限制这个值？

我找到了一个函数 Math.max()，但我不知道它是否适用于我的示例。

干杯。

Answer 1

$('#sHome').css('top', Math.min((current_top*1), YOUR_MAXIMUM_VALUE));

应该可以正常工作

如何为固定元素设置最大上边距？

How to set a maximum top margin for a fixed element?

jquery

css

scroll

fixed