css 如何使单元格中的内容粘在窗口的顶部？

k3bvogb1 于 2023-03-20 发布在其他

关注(0)|答案(1)|浏览(114)

我希望mapCell的内容在用户向下滚动时粘贴到查看窗口的顶部（resultsTable非常高）。
然而，这仅仅导致map的最底部在页面的顶部可见，而download保持绝对定位。

#map {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

#mapCell {
  vertical-align: top;
  min-width: 492.883px;
}

<table border="1" width="100%" class="bottomTable">
  <tr>
    <td id="resultsCell">
      <table class="resultsTable" id="resultsTable"></table>
      <td id="mapCell">
        <object id="map" class="mapClass">
            <!-- SVG image -->
         </object>
        <br>
        <button id="download">Download Map</button>
      </td>
  </tr>
</table>

css

来源：https://stackoverflow.com/questions/75771035/how-to-make-the-contents-of-a-cell-stick-to-the-top-of-a-window

1条答案

按热度按时间

qyswt5oh1#

为什么不在#mapCell上放置位置粘滞？

#mapCell {
  display:block;
  min-width: 492.883px;
  background:cadetblue;
  height:100px;
  position: -webkit-sticky;
  position: sticky;
  top:0px;
}

一个月一次 *

赞(0）回复(0）举报 2023-03-20

我来回答

css 如何使单元格中的内容粘在窗口的顶部？

1条答案

相关问题

热门标签

最新问答