3

我正在使用 jScrollPane 并试图找出如何获得滚动量。基本上我想知道用户何时到达滚动的底部，以便我可以触发另一个功能。这是我的功能：

in_page_scroll : function() {
    "use strict";
    var inpage_container = $('.pal_inpage_wrapper'),
        inpage_top_padd = $('.header_wrapper').height(),
        win_main_height = $(window).height() - inpage_top_padd;
        inpage_container.css({
            height: win_main_height,
            marginTop: inpage_top_padd,
            paddingTop: 0}).jScrollPane({
                autoReinitialise: true,
                enableKeyboardNavigation : true
            }).bind('mousewheel', function(e) {
                e.preventDefault();
            });
}

提前致谢。

- * 编辑 * - - - - - - - - - - - - - - - - - - - - - - - --------------------------------------

我刚刚找到了答案。这里是： 

$(function() {
    var element = $('.scroll-pane').jScrollPane(),
        api = element.data('jsp');

    $('.scroll-pane').bind('scroll', function() {
        if($('.scroll-pane').outerHeight() + api.getContentPositionY() >= api.getContentHeight()) {
            //Fire another function here
        }
    });             
});
4

1 回答 1

2

只是为了提供推荐和时尚的完成，我使用这个：

JS

    $('#jScrollPane').bind(
        'jsp-滚动-y',
        函数（事件，scrollPositionY，isAtTop，isAtBottom）
        {   
            if(scrollPositionY > 0) {
                $(this).addClass('ShadowTOP')
            }
            如果（isAtTop）{
                $(this).removeClass('ShadowTOP')
            }
        }
    ).jScrollPane()

我添加了过渡效果。效果将类似于 GMail。

风格

    .TransitionShadow{
        过渡：所有 0.35 秒缓入出；
        -webkit-transition：所有 0.35 秒缓入出局；
        -moz-transition：所有 0.35 秒缓进出；
    }
    .ShadowTOP{
       -webkit-box-shadow: 插入 0px 12px 16px -10px rgba(100, 100, 100, 0.3);
        box-shadow: inset 0px 10px 16px -10px rgba(100, 100, 100, 0.3);
    }
于 2013-03-11T14:48:56.620 回答