javascript - スクロール時に画面上部からオフセットして div を貼り付ける方法は?

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;
 }

したがって、上部に固定されると、常に画面の上部である 0px から 30px 下になります。

2 に答える 2