使用js代码制作H5页面的底部滑动面板。

百度地图这个应用上，有个点击了某个地点后，会在底部弹出一个滑动面板，这个面板可以滑动，然后我就是使用了js代码，制作了一个功能一样的、h5页面上的滑动面板。我看了百度上一些js实现滑动面板的代码，学习了一下，就开始使用了。

直接上代码讲了。

首先html定义一个div作为滑动面板。

<div id="slideBoard" 
	style="background-color: #0fffff;  left: 0px; width: 100%; position: absolute; display: none;" >
</div>

这个div之所以能够滑动，其实就是改变了他的top属性和height属性，当top减少1px，height增加1px时，他看上去就是被拖上去了1px。

所以我们只需要捕捉到移动端的单击、滑动、离开等动作，就可以进行判断该如果去控制滑动面板的属性了。而捕捉那些动作的api是也是现成的。也就是touchstart，touchmove和touchend三个。接下来上关键代码：

/