如何在开始更改屏幕方向之前检测实际位置?

时间:2013-04-05 19:15:05

标签: javascript jquery html css responsive-design

我正在尝试在开始更改方向之前检测我的页面scrool的实际位置。

它将确定我的“新”屏幕的位置(在新方向中)将显示。

我尝试检查,每个滚动事件,实际位置,如下所示:

$(window).scroll(function() {       

    var scrollTop = $(window).scrollTop();

    if (scrollTop >= window.secao1 && scrollTop <= window.secao1){
        window.secaoIDSet = "s1";
    }

    if (scrollTop >= window.secao2 && scrollTop <= window.secao2){
        window.secaoIDSet = "s2";
    }

    if (scrollTop >= window.secao3 && scrollTop <= window.secao3){
        window.secaoIDSet = "s3";
    }

    if (scrollTop >= window.secao4 && scrollTop <= window.secao4){
        window.secaoIDSet = "s4";
    }

    if (scrollTop >= window.secao5-2){
        window.secaoIDSet = "s5";
    }       
});

然后我想设定要在新方向展示的位置,但我不知道何时采取这一行动:

$(window).scrollTop($('#' + window.secaoIDSet).offset().top + 'px');

1 个答案:

答案 0 :(得分:0)

首先创建事件处理程序

$(window).on("mousewheel", function() {
    alert($(document).scrollTop());
}

然后致电

$(window).mousewheel();

希望它会有所帮助。