Scrolling a user when necessary

Now the only thing left to do is actually scroll a user when necessary. That's going to happen over inside our if statement, we can remove our console.log('Should scroll') call and we're going to replace it with a call to messages.scrollTop, which is the jQuery method for setting that scrollTop value, and we're going to set it to the scrollHeight, which is the total height of the container. This means that we're going to be moving to the bottom of the messages area:

if(clientHeight + scrollTop + newMessageHeight + lastMessageHeight >= scrollHeight) {
  messages.scrollTop(scrollHeight);
}

Over inside Google Chrome, we can now refresh the page to grab that latest index.js file, and I'm just going to hold the

Get Advanced Node.js Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.