单击按钮时使用JavaScript或JQuery向下滚动

可以通过以下代码实现：

使用JavaScript实现向下滚动：

function scrollToBottom() {
  window.scrollTo(0, document.body.scrollHeight);
}

使用JQuery实现向下滚动：

function scrollToBottom() {
  $('html, body').animate({scrollTop: $(document).height()}, 'slow');
}

这段代码定义了一个名为scrollToBottom的函数，当按钮被点击时调用该函数即可实现向下滚动。使用window.scrollTo方法可以直接设置滚动条的位置，参数0表示水平滚动条位置不变，document.body.scrollHeight表示垂直滚动条滚动到页面底部。使用JQuery的animate方法可以实现平滑滚动效果，scrollTop属性设置为$(document).height()表示滚动到页面底部。

这种滚动效果常用于长页面或聊天界面中，当用户点击按钮时可以方便地将页面滚动到最底部，以便查看最新内容或对话。

推荐的腾讯云相关产品：无

请注意，以上代码仅为示例，实际使用时需要根据具体页面结构和需求进行适当的修改和调整。