滚动时向上或向下移动Box / Div

Question

当我向上或向下滚动时，我想要一个盒子/ div也可以向上或向下移动。

例如：

参见类别框

Answer 1

这就是您所需要的：http://blog.yjl.im/2010/01/stick-div-at-top-after-scrolling.html

Answer 2

在你的CSS写中 #my-box { position: fixed; }

它可能会从中心移动它，所以如果它是一个固定的宽度和高度框，你将不得不做一些数学运算

   #my-box-fixed { 
                     position: fixed; 
                     width:200px; 
                     height: 150px; 
                     top: 50%; 
                     left: 50%; 
                     margin-left: -100px; // half of the width
                     margin-top: -75px; // half of the height
    }

Answer 3

此外，在javascript中你可以这样做：

document.getElementById("my-box-fixed").style.position = "fixed";

Answer 4

你可以用jquery做到：

$().ready(function () {
        var $scrollingDiv = $("#YouDivID");

        $(window).scroll(function () {
            $scrollingDiv
            .stop()
            .animate({ "marginTop": ($(window).scrollTop() + 5) + "px" }, "1000");
        });
    });