在以下情況中...JSFiddle...如果稍微滾動一下外部表格,您會看到內部滾動容器中的粘性表格標題實際上呈現在外部滾動容器標題的頂部。這兩組標頭不應該存在于單獨的堆棧上下文中嗎?除了硬編碼 z-index 值之外,是否有任何解決方法?這只是動態生成的模型,因此我必須放置大量管道以動態計算相對于所有其他級別在每個級別使用的正確 z-index 值。這里沒有使用JavaScript 框架,只使用TypeScript和 require。HTML代碼:<div class="scroll-container"> <table class="outer-table"> <thead> <tr> <th>Outer Column 1</th> <th>Outer Column 2</th> </tr> </thead> <tbody> <tr> <td>Outer Value 1</td> <td>Outer Value 2</td> </tr> <tr> <td colspan="2"> <div class="scroll-container"> <table class="inner-table"> <thead> <tr> <th>Inner Column 1</th> <th>Inner Column 2</th> <th>Inner Column 3</th> </tr> </thead> <tbody> <tr> <td>Inner Value 1</td> <td>Inner Value 2</td> <td>Inner Value 3</td> </tr> <tr> <td>Inner Value 1</td> <td>Inner Value 2</td> <td>Inner Value 3</td> </tr> <tr> <td>Inner Value 1</td> <td>Inner Value 2</td> <td>Inner Value 3</td> </tr> <tr> <td>Inner Value 1</td> <td>Inner Value 2</td> <td>Inner Value 3</td> </tr> <tr> <td>Inner Value 1</td> <td>Inner Value 2</td> <td>Inner Value 3</td> </tr>
嵌套滾動窗口中的粘性 HTML 元素無法正確呈現
撒科打諢
2023-03-24 14:55:43