2017-06-01 64 views
0

我想使用的位置:粘樹的樹結構樹的父節點設置爲粘滯。以下是代碼文件的鏈接:位置:粘在某些設備不工作

  • 該位置粘滯工作文件在桌面上的所有瀏覽器中。
  • 在筆記本電腦中沒有看到樹崩潰和父節點。例如:如果我在設備工具欄 - >響應模式中查看同一棵樹,在Chrome開發人員工具中,位置粘滯不會產生同樣的問題,並且會使列表視圖崩潰。

有什麼解決方法嗎?我已經閱讀了很多關於職位的信息:粘性,並認爲我正確使用它。由於它在所有瀏覽器的臺式機上都可以正常工作,而且問題只出現在小型設備或筆記本電腦上。

+0

這裏是鏈接http://plnkr.co/edit/eyqTQ1BbjdIX87jGxDmD?p=preview – jenny

+0

它不是由所有的瀏覽器還支持HTTPS:// caniuse.com/#search=sticky,但是您可以使用絕對位置以及頂部/左側和寬度/高度參數。 –

+0

ya。但它適用於臺式機,而不適用於筆記本電腦或更小的屏幕。有沒有解決它的方法? – jenny

回答

0

嘗試這種方式

.col-container{ 
    position: relative; 
} 
.tree-resin .tree-root-item>.tree-heading{ 
    position: absolute; 
    top: 0; 
    z-index: 7; 
    width: 89%; 
} 
.tree-root { 
    overflow: scroll; 
    height: 50vh; 
    padding-top: 53px; 
} 

http://plnkr.co/edit/dn8aKQHaTAV4wMjRgd5g?p=preview

相關問題