如何让滚动条滚动到距离顶部44px位置？

不能盖住头部

 <!-- 头部样式 -->
<div class="Top">
    <a href="wxPictureCutpicAdd.html" class="BtnCancel">取消</a>
    <a href="javascript:void(0)" class="BtnInsert" ><div class="EditOrd">插入</div></a>
    <h1>板式模块</h1>
</div>

.wxPictureVersionModule .TabListContent{
width: 72px;
position: fixed;
bottom: 0px;
top: 44px;
left: 0px;
overflow:auto;
overflow-x:hidden;
}

是让body的scrolltop>=44px的时候，头部显示出来把。加一个滚动事件，判断scrollTop的值，让头部导航栏显示出来

不明白你要搞什么？浮动的导航条？不遮盖内容还是什么？那你要给内容增加padding/margin为你的页头高度的空白