New to Kendo UI for jQuery? Start a free 30-day trial

EndlessScrollDebounceDelay

configuration

Specifies the delay in milliseconds before the Chat loads older or newer messages after the user reaches an endless-scroll edge. The delay applies only to endless edge-trigger loading and does not affect the scroll-to-bottom button behavior or separator updates.

endlessScrollDebounceDelay

Number

Default: 150

<div id="chat"></div>
<script>
var messages = [];

for (var i = 1; i <= 40; i++) {
    messages.push({
        id: i,
        authorId: i % 2 === 0 ? "user1" : "user2",
        authorName: i % 2 === 0 ? "Nina" : "Sam",
        text: "Message " + i,
        timestamp: new Date(2026, 0, 12, 9, i)
    });
}

var dataSource = new kendo.data.DataSource({
    data: messages,
    pageSize: 10
});

$("#chat").kendoChat({
    authorId: "user1",
    dataSource: dataSource,
    height: 480,
    scrollMode: "endless",
    endlessScrollDebounceDelay: 250
});
</script>