如何在滚动时在屏幕顶部添加一些偏移？

Question

我想在屏幕顶部添加一个div而不是屏幕顶部的一些偏移。 例如，html看起来像

<ul class='.sticky-header'>
  <li>...</li>
  <li>...</li>
  ..
</ul>

使用下面的javascript将粘贴的标题元素贴在顶部：

$('.sticky-header').affix({
    offset: {
             top: $('.sticky-header').offset().top
            }
 });

上面的代码在滚动超过指定的偏移量时在屏幕顶部附加了ul元素。但是我需要将div添加到屏幕顶部而不是屏幕顶部30px。有可能吗？

Answer 1

我认为你已经添加了（。）删除类。从标记下方

预期代码

   <ul class='sticky-header'>
    <li>aa</li>
    <li>bb</li>
  </ul>

然后尝试，它会起作用。

Answer 2

我已经设法通过下面的css

来实现

.sticky-header.affix{
    top:30px;
 }

所以当它固定在顶部时，它总是比屏幕顶部低30px，即0px。