Javascript-检测div的滚动，工作，但不工作

我在实践中有一个设计原型（我是JS的新手，0级），我的脚本中有一个问题

我正在检测一个具有固定测量值（354px x 210px）的div（#derecha）是否触发滚动，并且它工作得非常好，但我无法使它工作，其中添加了一些克隆div

div#derecha在CSS的第26行进行了注释

我做错了什么

注1:原型具有本地存储。要测试它是否有效，您必须在每次测试中清空浏览器的缓存

注2:请参见第37行的CSS。它必须是未注释的

注3:不适合我的脚本位于HTML的第177行，它与我在下面发布的脚本相同

（jsfiddle/这里，如果运行代码段，它将不起作用）

提前谢谢

// Displays the new product alert added when the scroll is detected in the div #derecha
var displaced = document.getElementById('derecha')
if (displaced.scrollHeight > displaced.offsetHeight) {
  document.getElementById("notice-product-added").style.display = "block";
};

// LocalStorage for the div #notice-product-added
const showMsgCart = localStorage.getItem('showMsgCarrito');

if (showMsgCart === 'false') {
  $('#notice-product-added').hide();
}
$('#notice-product-added').on('click', function() {
  $('#notice-product-added').fadeOut('slow');
  localStorage.setItem('showMsgCarrito', 'false');
});

---

你能告诉我你到底想做什么吗？你想滚动到div的末尾吗？嗨，泰勒。我不想移到div的末尾。我只想在

#derecha

div启动滚动时显示div

#注意添加的产品

。出版物的脚本（与jsfiddle中第177行的脚本相同）检测到滚动，但在livedemo（）中它不起作用。我不知道为什么。。。但是在这里yes起作用（）…Tyler在这里（）您可以注释HTML的第16行，并运行测试。。。记住本地存储！看看这里，试试这个：你只是想让div随着更多项目的添加而扩展吗？如果是的话。从

#derecha

和

.derecha