SOURCE

<div class="div">
  <i>内容</i>
  <p>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容<br>滚动内容</p>
  <span class="span">我的位置</span>
</div>
<script>
	$(".div").bind("scroll",function(){
    var span=$(".span").offset().top;
    var div=$(".div").scrollTop();
    if(div>span-20){
      $(".span").addClass("active")
    }
    else{
      $(".span").removeClass("active")
    }
  })
</script>

div{
  width:100px;
  height:200px;
  overflow:auto;
}
span.active{
  position:fixed;
  top:0;
}