21 replies

Make just an child-element sticky

I want just to have the time on the left side sticky, not the whole element (like in the second video).
Is there an easy solution without "doubling" the list and make the left / right element hidden?

the list elements are currently written in flex
like

<div class="entry">
  <div>Starting Time</div>
  <div>Sessions</div>
</div>

.entry {
 display: flex;
}

<div class="entry">
  <div>Starting Time</div>
  <div>Sessions</div>
</div>

.entry {
 display: flex;
}

<div class="entry">
  <div>Starting Time</div>
  <div>Sessions</div>
</div>

.entry {
 display: flex;
}

<div class="entry">
  <div>Starting Time</div>
  <div>Sessions</div>
</div>

.entry {
 display: flex;
}

Make just an child-element sticky

Similar Threads

Similar Threads

Similar Threads