滚动到顶部事件在一个案例中不起作用?

时间:2014-03-02 16:26:48

标签: javascript jquery

我想在用户访问div的内容时预先添加一些文本,但如果div中没有​​可滚动数据,我将面临一个问题。如何获取该事件(如果用户滑动或拖动不可滚动的数据)?

我会再解释一下。

http://jsfiddle.net/d9584/13/ 在这个小提琴数据中是可滚动的(当用户滚动到顶部时,它会预先附加文本在span中)。

当没有可滚动数据时,相同的功能不起作用 http://jsfiddle.net/d9584/14/

如果用户拖动或滚动内容的div(如果没有可滚动的div竞争),我们可以得到一个事件。

我想使用一些概念,如果有可调整内容的话,它会调用这个函数

$("#contend").scroll(function () {
    if ($(this).scrollTop() === 0) {
        $("#pre").prepend("naveen ");
    }
});

如果没有可滚动的呼叫另一个

1 个答案:

答案 0 :(得分:0)

哟可以这样做:

滚动: DEMO

点击不滚动: DEMO

我们检查div是否在这种情况下没有滚动:if($(this)[0].scrollHeight <= $(this).height())。所以,如果它没有。我们通过点击附加。

$("#contend").click(function () {
    if ( $(this)[0].scrollHeight <= $(this).height() ) {
        $("#pre").prepend("naveen ");
    }
});

$("#contend").scroll(function () {
    if ($(this).scrollTop() === 0) {
        $("#pre").prepend("naveen ");
    }
});