我需要在页面加载时在屏幕中间放置一个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();
});
答案 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();