title: Fix context menu on display area of Page
body: <p>I am using <a href="http://www.abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/" rel="nofollow noreferrer">this context menu</a>. It works perfect with an odd behavior.<br>
  The top-left corner of the context menu always present at the position of mouse pointer.<br>
  Hence when user right-click at the almost bottom of the page the context menu gets hidden under the page and adds scroll bars to the page. To view this hidden menu user need to scroll the page down. It reset back the scroll bars after deselecting the Context menu.  </p>
  
  <p>For more clarification:<br>
  <strong>This is a plain window:</strong><br>
  <img src="https://i.stack.imgur.com/feMWB.png" alt="Plain Window">  </p>
  
  <p><strong>After Right-Clicking on Item 5:</strong><br>
  <img src="https://i.stack.imgur.com/4ySTZ.png" alt="With context menu"></p>
  
  <p>How can I avoid this and force the context menu to stay on the page no matter where user clicks?</p>