你如何让一个div遵循滚动？(How do you make a div follow as you

我对左侧其中包括工作时间和天气的一个div。 我想该div根据用户如何滚动滚动向下和向上。 因此，这将跟随并与页面上下移动。 我将如何尝试呢？ 这是我的网站judystropicalgarden.com

谢谢

Answer 1:

您可以使用CSS属性固定的，或者如果你需要更多的东西微调，那么你需要使用JavaScript和跟踪其定义了用户代理的滚动条位置（0是顶部的scrollTop的属性...且x在底部）

.Fixed
{
    position: fixed;
    top: 20px;
}

或使用jQuery：

$('#ParentContainer').scroll(function() { 
    $('#FixedDiv').css('top', $(this).scrollTop());
});

Answer 2:

从CSS样式使用，您可以定义的东西如何定位。 如果你定义的元素作为固定的 ，它会永远留在任何时候屏幕上的同一位置。

div
{
    position:fixed;
    top:20px;
}

Answer 3:

您可以使用fixed CSS position属性做到这一点。 在灯架上有一个基本的教程在这里 。

编辑：但是，这种方法是不是在IE浏览器版本不支持IE7 <，只有在IE7如果是在标准模式。 这是在一个小更详细的讨论在这里 。

还有一个黑客，解释在这里 ，那就说明如何完成在IE6固定定位，而不会影响绝对定位。 哪个版本的IE浏览器，你瞄准您的网站？

Answer 4:

一个更好的JQuery的答案是：

$('#ParentContainer').scroll(function() { 
    $('#FixedDiv').animate({top:$(this).scrollTop()});
});

您也可以scrollTop的即.scrollTop（）+ 5后添加了一些给它的buff。

一个很好的建议也将在时间限制在100，并从默认的摆动线性宽松去。

$('#ParentContainer').scroll(function() { 
    $('#FixedDiv').animate({top:$(this).scrollTop()},100,"linear");
})

Answer 5:

该位置是：固定; 物业应该做的工作，我用它在我的网站和它工作得很好。 http://www.w3schools.com/css/css_positioning.asp

文章来源: How do you make a div follow as you scroll?