jquery - 检测文本区域何时滚动到底部

Question

有没有办法判断用户何时滚动到元素底部？我知道 jQuery 可以访问元素的 scrollTop()，但即使将它与元素的高度结合起来，我也无法计算元素何时滚动到最底部的位置。我想这样做，以便在文本区域内滚动时，一旦到达文本区域的“滚动底部”，我就可以防止文档正文滚动。

JSBIN

Answer 1

这是您要查找的内容: http://jsfiddle.net/BW8LT/1/

$('textarea#mytextarea').on('scroll', function() {
    var offset = 200; // height of textarea

    if (this.scrollHeight <= (this.scrollTop+offset)) {
        console.log('end of textarea!');
    }
});

编辑 1:通过 overflow hidden 来禁用滚动

$('textarea#mytextarea').on('scroll', function() {
    var offset = 200; // height of textarea

    if (this.scrollHeight <= (this.scrollTop+offset)) {
        // hide the overflow (=> disable scrolling) when the end is reached
        $('body').css('overflow', 'hidden');
    }
});

// re-enable scrolling on mouseout
$('textarea#mytextarea').on('mouseout', function() {
    $('body').css('overflow', 'scroll');
});

只需比较 textarea.scrollHeight 和 textarea.scrollTop。

滚动时查看您的控制台。希望对您有所帮助!