Question

我有以下HTML。我有一个可滚动的div容器中的多个元素（例如id为id，一，二，三的div）。

在每个元素中，我需要使用与父div相关的css位置'absolute'（即class ='Anchor'）。

我遇到的问题是，当我滚动外部容器时，没有任何具有绝对位置的div移动。我的理解是位置'绝对'是它与其父DIV元素相关的定位。你可以告诉我，当我滚动外部容器时，如何让这些“绝对”位置移动？

<div style="overflow-y: scroll">
   <div> 
      <div class="Anchor" id="one">
           <div style="position: absolute"> something </div>
           <div style="position: absolute"> something else </div>
   <div> 
      <div class="Anchor" id="two">
           <div style="position: absolute"> something </div>
           <div style="position: absolute"> something else </div>
   <div> 
      <div class="Anchor" id="three">
           <div style="position: absolute"> something </div>
           <div style="position: absolute"> something else </div>
      </div>
   </div>
</div>

Answer 1

您必须在父div上设置Application.Run....以使子元素相对于它移动。

实际情况是，只要未使用默认var bytes = [ 0x40, 0x33, 0xc3, 0x85 ]; var bits = (bytes[0] << 24) | (bytes[1] << 16) | (bytes[2] << 8) | (bytes[3]); var sign = ((bits >>> 31) == 0) ? 1.0 : -1.0; var e = ((bits >>> 23) & 0xff); var m = (e == 0) ? (bits & 0x7fffff) << 1 : (bits & 0x7fffff) | 0x800000; var f = sign * m * Math.pow(2, e - 150); document.write(f);位置，您就可以将父div设置为任何用户定义的位置。

Answer 2

在要使其浮动的div上尝试position: sticky。还请注意，浏览器支持对于粘性https://caniuse.com/#feat=css-sticky

而言并不是很好

如何在可滚动的div元素中使用CSS绝对位置

2 个答案: