New to Kendo UI for jQuery? Start a free 30-day trial
Chat AutoScroll Threshold
Updated on May 13, 2026
The Chat component supports the autoScrollThreshold configuration option to control when new incoming messages scroll the list to the bottom.
When users stay close enough to the bottom, the Chat keeps the latest message in view. When users scroll further away, the Chat preserves their reading position and displays the scroll-to-bottom action.
Configuring AutoScroll Threshold
Set the threshold as percentage or pixels.
<div id="chat"></div>
<script>
$("#chat").kendoChat({
authorId: "user",
autoScrollThreshold: "50%"
});
</script>Updating the Threshold at Runtime
javascript
const chat = $("#chat").data("kendoChat");
chat.setOptions({
autoScrollThreshold: "200px"
});