我正在页面左侧设置一个粘性导航目录,以滚动页面,我正在使用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');
}
});
});
答案 0 :(得分:0)
为什么不将top var更改为:
var top = $('#jump-list').offset().top - 100