网页中的DIV层随着页面移动而移动

<div id="WaitLst" class="col-lg-3 col-md-3 col-sm-4 sidebar">
	<div class="sidebar-box category-box white" style="opacity: 1;">
		<h3>购买清单</h3>
			<ul>
			    <li><a>品牌：{dede:field.brand/}</a></li>
				<li><a>商品原价：{dede:field.price/}元</a></li>
				<li><a>优惠价格：{dede:field.trueprice/}元</a></li>
				<li><a>单位：{dede:field.units/}</a></li>
			</ul>
	</div>
</div>



<script type="text/javascript">

	$(window).scroll(function () {
		var scrollHeight = document.documentElement.scrollTop;
        //WaitList 是 div ID（id="WaitLst"）
        //top: scrollHeight + 150 + "px"   150为距离顶部高度
		$("#WaitLst").css({ top: scrollHeight + 150 + "px" }).show(); 
	});

</script>

WaitList 是 div ID（id="WaitLst"）

 top: scrollHeight + 150 + "px"   150为距离顶部高度

页面效果图如下：