Question

我尝试使用粘性标题和粘性侧边栏创建内容列表。

当我向下滚动页面内容时，我希望侧边栏也向下滚动。当我在页面上向左和向右滚动时，我希望标题随之滚动。

我希望时间沿着标题和屏幕下方的边栏，但无法弄清楚应用什么CSS来实现这一目标。

<div class="container">

  <div class="timeline">


   <ul>
      <li>&nbsp;</li>
      <li>|10am</li>
      <li>|10am</li>
      <li>|11am</li>
      <li>|12pm</li>
      <li>|1pm</li>
      <li>|2pm</li>
      <li>|3pm</li>
      <li>|4pm</li>
      <li>|5pm</li>
      <li>|6pm</li>
      <li>|7pm</li>
      <li>|8pm</li>
      <li>|9pm</li>
      <li>|10pm</li>
      <li>|11pm</li>
    </ul>
  </div>

  <div class="screens">
    <ul>
      <li>Screen 1</li>
      <li>Screen 2</li>
      <li>Screen 3</li>
      <li>Screen 4</li>
      <li>Screen 5</li>
      <li>Screen 6</li>
      <li>Screen 7</li>
      <li>Screen 8</li>
      <li>Screen 9</li>
      <li>Screen 10</li>
    </ul>
  </div>

</div>

Answer 1

只需将此规则应用于您想要的任何元素update RemoteSchema.MyTable2 t2 set t2.MyXmlColumn = concat_to_xml(1 /*some Id*/);，然后使用position: fixed; top: somepixel left: somepixel right:somepixel来控制元素的位置并使用{{ 1}}和bottom:somepixel规则来控制各自方向的滚动

如何创建粘性标题（沿x轴滚动）和侧边栏（沿y轴滚动），滚动页面内容

1 个答案: