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

【问题标题】：How to affix a div some offset from the screen top on scrolling?如何在滚动时从屏幕顶部附加一些偏移量？
【发布时间】：2014-10-24 19:51:28
【问题描述】：

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

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

并且粘性标题元素使用下面的javascript附加在顶部：

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

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

【问题讨论】：

【解决方案1】：

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

预期代码

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

试试吧，它会起作用的。

【讨论】：

【解决方案2】：

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

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

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

【讨论】：