javascript - 如何在特定元素上粘贴上下文菜单

Question

在我的应用程序中，div 之一具有滚动属性。在 div 中，我将 table 模板化为超过 100 行。用户可以添加/使用 contextMenu

删除行

contextMenu 有 4 个选项名称是 AddTop、AddBottom、Delete 和 Edit。事情就在这里 如果用户右键单击任何 row， contextMenu 应该坚持到 row 即使用户滚动表格。现在它没有发生。

我为 contextMenu 编写了以下代码。

 <div id="contextMenu" class="dropdown clearfix">
            <ul class="dropdown-menu-r" role="menu" aria-labelledby="dropdownMenu">
                <li id="addTop"><a tabindex="-1" href="#"> <span class="new-icons new-icons-add-top"></span> Add Top</a></li>
                <li id="addBottom"><a tabindex="-1" href="#"> <span class="new-icons new-icons-add-bottom"></span> Add Bottom</a></li>
                <li id="delete"><a tabindex="-1" href="#"><span class="new-icons new-icons-delete"></span> Delete</a></li>
                <li id="edit"><a tabindex="-1" href="#"><span class="new-icons new-icons-edit2"></span> Edit</a></li>
            </ul>
        </div>

一旦用户右键单击表的任意行，就会运行以下函数。

var domEle=document.getElementById("contextMenu"),
    xPosition=event.pageX,
    yPosition=event.pageY;
domEle.style.display="block";
domEle.style.left=xPosition+"px";
domEle.style.top=yPosition+"px";

完成以下功能后，contextMenu 会出现，直到一切正常。问题是如果我滚动 contextMenu 不坚持到那个特定位置。

我希望你们能理解我要解释的内容。

谁能帮帮我

谢谢。

Answer 1

尝试用类似的东西实现你的代码:

http://www.pixelbind.com/make-a-div-stick-when-you-scroll/