在JavaScript中使用YUI，如何在datatable/ScrollingDataTable上繪製疊加層？

Question

我需要根據鼠標活動（拖放）在YUI datatable/scrollingdatable上繪製跨越一行或多行的覆蓋圖。

我在數據表上繪製疊加層沒有問題。

但我希望當我滾動數據表時，疊加層將與行一起移動。到目前爲止，在繪製覆蓋圖之後，它們保持靜態，與數據表滾動條的移動無關？

Answer 1

您可以使用context屬性將您的疊加層與特定的dom元素對齊。聽起來這是你想要做的。在Overlay documentation中有關於此的更多信息。

您的代碼將是這個樣子：

var myOverlay = new YAHOO.widget.Overlay("myOverlay", { 
    context: ['cellId', 'tl', 'bl'] 
}); 

這將錨左上角的疊加（tl）角球給到左下角的「CELLID」（bl）拐角處，其中「CELLID」是您想要對齊的表格行中的某個元素。