如何检测正在滚动的动态创建box-comments类div并触发指定事件？

你的代码失效的核心原因是：bind() 只能给页面初始化时已经存在的DOM元素绑定事件，而动态创建的.box-comments元素不会被绑定到这个滚动事件上。

修正方案：使用事件委托 #

利用事件冒泡机制，把滚动事件绑定到静态存在的父元素（比如.user-content）上，由父元素监听子元素的滚动事件，这样动态创建的.box-comments也能触发事件。

修正后的JS代码：

// 用父元素委托滚动事件，支持动态创建的元素
$('.user-content').on('scroll', '.box-comments', function() {
  const $currentBox = $(this);
  const scrollPos = $currentBox.scrollTop();
  
  // 考虑滚动精度问题，用<=1代替==0，避免像素偏差导致不触发
  if (scrollPos <= 1) {
    // 触发当前滚动盒子内的more按钮点击事件
    $currentBox.find('.get-cmts').trigger('click');
    // 可以在这里获取当前盒子的标识，比如ID或data属性
    console.log('正在滚动的盒子ID：', $currentBox.attr('id'));
    console.log('盒子的data-box值：', $currentBox.data('box'));
  }
});

额外注意事项 #

1. 确保.box-comments元素设置了可滚动样式，否则不会产生滚动事件：

.box-comments {
  height: 200px; /* 必须设置固定高度或最大高度 */
  overflow-y: auto; /* 垂直方向滚动 */
}

2. 如果父元素.user-content也是动态创建的，可以把事件委托到document上：

$(document).on('scroll', '.box-comments', function() {
  // 逻辑同上
});

内容的提问来源于stack exchange，提问作者Max Njoroge