在Jquery中将Y位置设置为px

时间:2013-11-16 21:02:23

标签: jquery html css

我正在页面左侧设置一个粘性导航目录,以滚动页面,我正在使用Jquery让它向下滚动页面。我从顶部开始处于绝对位置150px,但是当我使用Jquery时,它需要导航到达页面顶部而不是跳到顶部:150px位置但是一旦达到150px我怎么能让它激活远离顶部,所以不再跳跃。

您可以在http://stormable.com/heroes/malfurion/

查看此内容

如果您注意到向上滚动,右侧的跳转链接必须在激活固定位置之前点击页面顶部。

我假设我必须更改脚本中的y> = top但我不确定如何更改它以从顶部激活150px。

我正在使用的Jquery是

$(document).ready(function () {  
    var top = $('#jump-list').offset().top - parseFloat($('#jump-list').css('marginTop').replace(/auto/, 0));
    $(window).scroll(function (event) {
        // what the y position of the scroll is
        var y = $(this).scrollTop();

        // whether that's below the form
        if (y >= top) {
          // if so, ad the fixed class
          $('#jump-list').addClass('fixed');
        } else {
          // otherwise remove it
          $('#jump-list').removeClass('fixed');
        }
        });
    });

1 个答案:

答案 0 :(得分:0)

为什么不将top var更改为:

 var top = $('#jump-list').offset().top - 100