scrollable Boolean|Object (default: false)

If enabled, the ContextMenu displays buttons that scroll the items when they cannot fit the viewport height. By default, scrolling is disabled.

Example - enabling the scrolling functionality

<div id="target">Target</div>
<ul id="context-menu">
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
    <li>Item 1</li><li>Item 2</li><li>Item 3</li>
</ul>

<script>
    $("#context-menu").kendoContextMenu({
        target: "#target",
        scrollable: true
    });
</script>
In this article
Not finding the help you need? Improve this article