脚本将div更改为固定位置 - 将jquery解决方案转换为mootools

时间:2013-03-13 22:12:02

标签: jquery mootools

我需要在页面加载时在屏幕中间放置一个div,并在屏幕的其余部分滚动,当它到达屏幕顶部时更改为固定位置。我找到了一个用jquery编写的解决方案,但是我需要在mootools中使用它。任何人都可以帮我这个吗?

function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('#right-column').offset().top;
  if (window_top > div_top)
    $('#contact').addClass('fixed')
  else
    $('#contact').removeClass('fixed');
}
 $(function() {
$(window).scroll(sticky_relocate);
sticky_relocate();
});

1 个答案:

答案 0 :(得分:1)

function sticky_relocate() {
    var window_top = $(window).getScroll().y;
    var div_top = $('right-column').getPosition().y;

    if (window_top > div_top)
        $('contact').addClass('fixed')
    else
        $('contact').removeClass('fixed');
}

$(window).addEvent('scroll', function(){
    sticky_relocate();
});
sticky_relocate();