描述：

滾動界面，當滾到到達某個位置，你需要讓某個模塊固定在頂部或者底部，然後再你滾動回去後，那個模塊恢復原來的模樣。

代碼如下：

JS：

<script>
$("body").scroll(function() { // body滾動事件
var BMapHeight = -$(".BMap_mask").height();
var topHeight = $("#scrollEvent").offset().top; // 你需要的div的位置
if (topHeight == BMapHeight) { // 到達某個特定的點觸發事件
$("#allmap").hide();
$(".resetPoint").hide();
$("#newScrollEvent").css("position","fixed");
$("#newScrollEvent").css("width","100%");
$("#newScrollEvent").css("background-color","#ffffff");
$("#newScrollEvent").css("z-index","1011");
$("#newScrollEvent").css("border-bottom","1px solid #eeeeee");
}
if(1<topHeight<10){ // 恢復原來的模樣
$("#allmap").show();
$(".resetPoint").show();
$("#newScrollEvent").css("position","relative");
$("#newScrollEvent").css("width","100%");
$("#newScrollEvent").css("background-color","#ffffff");
$("#newScrollEvent").css("border-bottom","1px solid #eeeeee");
}
});
</script>

以上代碼只有js，提供思路，希望對你有幫助

滾動事件顯示/隱藏模塊