javascript - 检测元素位于其父级的顶部 - jQuery

Question

我正在尝试构建一个简单的内容滚动器。

在我的utton单击中，我将div上下移动其父级的15个像素，如果它位于顶部，但我想禁用此功能，那么最好的方法是什么？...

JSFIDDLE

http://jsfiddle.net/dwkurpjm/

jQUERY

$('.up').click(function (e) {
    e.preventDefault();
    $(this).parent().prev().find('.inner-scroll').css({
        marginTop: '-=15px'
    });
});
$('.down').click(function (e) {
    e.preventDefault();
    $(this).parent().prev().find('.inner-scroll').css({
        marginTop: '+=15px'
    });
});

Answer 1

为什么不使用 scrollTop 属性而不是使用 margin 呢？这是应该用于更改滚动状态的属性。

浏览器会注意不要让值小于 0 或超出上限。

 $('.up').click(function (e) {
        e.preventDefault();
        var s = $(this).parent().prev();
        s.scrollTop(s.scrollTop()-15);
    });
    $('.down').click(function (e) {
        e.preventDefault();
        var s = $(this).parent().prev();
        s.scrollTop(s.scrollTop()+15);
    });

http://jsfiddle.net/dwkurpjm/2/