javascript - 如何在滚动时从屏幕顶部附加一些偏移量？

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 处。是否可以？

score 1 · Accepted Answer

我认为您已经使用 (.) remove 添加了类。从下面的标记

预期代码

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

并尝试，它会工作。

score 0 · Accepted Answer

我已经设法通过如下的css做到了

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

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

2 回答 2