如果scrollTop等于0,则覆盖向上/向下滚动功能

时间:2015-06-15 00:28:56

标签: javascript jquery css scroll scrolltop

我遇到这个问题。我有一个透明的标题,当用户向下滚动页面时淡出。当用户向上滚动时,标题具有黑色背景以强调其存在。一切正常,但我需要覆盖函数中发生的所有事情,当且仅当scrollTop等于0.因此当用户一直滚动到顶部时,标题返回透明。我目前的代码是:

private static final String ARG_OPTION = "argument_option";

public static MainActivity newInstance (int option){
    MainActivity fragment = new MainActivity();
    Bundle args = new Bundle();
    args.putInt(ARG_OPTION, option);
    fragment.setArgument(args);
    return  fragment;

}

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

在这里:只需在scrollTop值为0时添加一个catch。

  $(window).scroll(
        {
            previousTop: 0
        }, 
        function () {
        var currentTop = $(window).scrollTop();
        if (currentTop < this.previousTop ) {
            if (currentTop != 0 ) { // new if statement here prevents fadein if at top of page
               header.fadeIn('slow');
               header.css('background', 'rgba(0,0,0,.9)');
            }
        } else {
            header.fadeOut();
        }
        this.previousTop = currentTop;
    });