使用语义UI的可见性在溢出的div中进行无限滚动

Question

我想使用Infinite Scrolling using the Semantic UI Visibility Behavior，但要在overflow-y: auto div内使用，而不是相对于整个页面。这是我的代码的简化版本：

HTML

<div id="myDiv">
  <!-- lots of lines of content -->
  <p class="myElementWithinDiv">Alert should appear when this is visible</p>
</div>

CSS

#myDiv {
  height: 200px;
  overflow-y: auto;
}

JQuery

$('.myElementWithinTheDiv')
    .visibility({
        once: false,
        observeChanges: true,
        onTopVisible: function() {
            console.log('top visible');
        }
});

JSF以上可正常使用 的CSS限制了DIV高度：https://jsfiddle.net/jtge3s2o/

JSF上述 的中部无效CSS限制DIV高度：https://jsfiddle.net/wznxkef2/2/

有没有一种方法可以将div设置为固定高度？

Answer 1

根据Behavior's Settings，上下文可以设置如下：

$('.myElementWithinTheDiv')
    .visibility({
        once: false,
        context: document.getElementById('myDiv'),
        observeChanges: true,
        onTopVisible: function() {
            console.log('top visible');
        }
});