Quiero colocar un div no en la parte superior de la pantalla, sino un desplazamiento desde la parte superior de la pantalla. Por ejemplo, el html se parece a

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

Y el elemento de encabezado adhesivo se fija en la parte superior usando javascript a continuación:

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

El código anterior fija el elemento ul en la parte superior de la pantalla al desplazarse más allá del desplazamiento especificado. Pero necesito que el div no esté colocado en la parte superior de la pantalla, sino que diga 30 píxeles desde la parte superior de la pantalla. ¿Es posible?

1
Preethi 31 ago. 2014 a las 15:05

2 respuestas

La mejor respuesta

He logrado hacerlo a través de CSS como a continuación

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

Entonces, cuando se fija en la parte superior, siempre está 30px debajo de la parte superior de la pantalla, que es 0px.

0
Preethi 31 ago. 2014 a las 18:10

Creo que ha agregado clase con (.) Eliminar. desde abajo marcado

Código esperado

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

E intenta, funcionará.

1
AK47 31 ago. 2014 a las 11:10