效果：
1、原先侧边栏是绝对定位
2、当页面移动到一定位置，侧边栏改为固定定位
3、页面继续滚动，会让返回顶部显示出来
案例分析：1、需要用页面滚动事件scoll 因为页面滚动，所以事件源是document
2、滚动到某个位置，就是判断页面被卷上去的上部值
3、页面被卷上去的头部：可以通过window.pageYOffset 获得 如果被卷去的是左侧 window.pageXOffset
4、注意，元素被卷去的头部是element.scrollTop 如果是页面被卷去是window.pageYOffset
HTML部分
CSS部分
JS部分
1、获取元素 得到ducument然后用window.pageYOffset 如果大于banner卷去的头部就是固定定位
2、获取banner以及定义bannerTop 在利用页面卷进去的头部减去banner元素卷进去的头部（sliderbar.pageYOffset-bannerTop）
3、得到的效果图有300px 的像素差跳转 因为定位CSS时top为300px 所以 应该获得sliderbar.offset-banner.offset 为滚动完之后的距离 （消除了跳转）
4、到主体部分，返回顶部显示出来。获得元素main boBack,之后如果window.pageYOffset（页面卷取的距离）>=maintop 就显示字体 否则 不显示 。