如何让div元素与页面一起滚动

Question

我有一个div元素，我想在滚动页面时移动它，如下图所示。但是现在它只是坐在一个固定的位置。我怎么能做到这一点？ 我知道我需要使用JS，有人能指出我正确的方向吗？

<div id='slider'>


</div>

Answer 1

JS不需要使用固定位置

div#slider {    
  position: fixed;
}

Answer 2

您可以在没有JavaScript的情况下始终在CSS中使用固定定位。

#slider {
  position: fixed;
  top: 100px;
  left: 0px;
}

Answer 3

#slider {
    position : fixed;
}

Answer 4

我认为您正在寻找this类功能。阅读有关如何使用here

的完整文档

<script type="text/javascript">  
    jQuery(document).ready(function($) (  
    {  
        $('#floatdiv').addFloating(  
            {  
                targetRight: 10,  
                targetTop: 10,  
                snap: true  
            });  
    });  
</script>