Question

我想用滚动来移动div。它应该与滚动并行。我做了一个函数它是浮动div但它不与滚动平行。 fiddle

$(window).scroll(function(){
    var offset=$('div').offset().top
    var top= $(window).scrollTop();
    var height= offset- top;
    console.log(offset + 'offset')
    console.log(top + 'top')
    console.log(height);

    if(top>57){
    $('div').animate({top:top},100)
    }

   //console.log($('div').offset().top)

})

Answer 1

<强> Try This

var offset = $("div").offset();
        var topPadding = 75;
      $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("div").stop().animate({
                    marginTop: $(window).scrollTop() - offset.top + topPadding
                });
            } else {
                $("div").stop().animate({
                    marginTop: 0
                });
            };
        });

Answer 2

我找到了答案，问题是“位置：固定”。现在我使用“position：absolute”，它运行正常。位置固定从浏览器顶部获取坐标并从文档顶部位置绝对坐标

<强>码

    var offset;
$(function(){
 offset=$('div').offset().top
})

$(window).scroll(function(){
    var top= $(window).scrollTop()+50;
console.log(top + 'top')    
    $('div').animate({top:top},50)    
})

<强> fiddle demo

使用jquery滚动的浮动元素

2 个答案: