关于Loading指令里对Position的处理

Question

跟着老师敲了基本功能代码以后，去测试了下，发现因为我的Loading组件样式和老师源码不一样，导致Loading组件插入的时候，是插入在后面的，前面的Scroll组件占据了整个屏幕了，所以导致Loading组件不可见。然后我就觉得，设置Loading组件全屏，盖住前面的内容就可以了。我不是很理解，Loading里为什么要做对Position的处理？

Answer 1

ustbhuangyi 2021-08-29 00:06:28

Loading 指令是一个通用的指令，需要考虑各种场景，比如



显然，当指令用在这个下拉框的时候，由于 Loading 组件本身是绝对定位，显然需要作用的元素是一个非 Static 的定位。

Answer 2

ustbhuangyi 2021-08-26 20:56:45

Loading 指令主要就是要相对于作用指令的元素居中的，但你不能保证作用指令的元素的 Position 不为 static，所以要设置它。

• 提问者 VyingGao #1

  我测试了下，如果不用Scroll组件，就是原生滚动，Recommend什么样式也不设，然后对Loading组件设置样式：position:absolute; top:0; left:0; width:100%; height:100%; ，加上又是追加在最后，就基本可以做到占满全屏，感觉没有什么异常。就算使用了Scroll组件，把Recommend和Scroll样式都干掉，或者就把Position样式去掉，感觉也没啥异常。我实在看不出有什么潜在的Bug，也不是很理解跟目标元素的Position有什么直接影响。