Javascript 隐藏固定的社交媒体栏，直到在网页上向下滚动一定长度

我有一个固定的社交媒体栏，它位于网页的一侧。我试图在第一次加载wbepage时将其隐藏，然后在向下滚动一定长度后，它就会出现

（函数（$）{
"严格使用",；
//主要功能
$.contactButtons=功能（选项）{
//定义默认值
变量默认值={
效果：''，//滚动幻灯片
按钮：{
'facebook'：{class:'facebook'，use:false，icon:'facebook'，link:''，title:'Follow on facebook'}，
'google'：{class:'gplus'，use:false，icon:'google plus'，link:''，title:'Visition on google plus'}，
'linkedin'：{class:'linkedin'，use:false，icon:'linkedin'，link:''，title:'Visition on linkedin'}，
'twitter'：{class:'twitter'，use:false，icon:'twitter'，link:''，title:'Follow on twitter'}，
'pinterest'：{class:'pinterest'，use:false，icon:'pinterest'，link:''，title:'Follow on pinterest'}，
'phone'：{class:'phone'，use:false，图标：'phone'，链接：''，标题：'Call us'，键入：'phone'}，
'email'：{class:'email'，use:false，图标：'envelope'，链接：''，标题：'Send-us-email'，键入：'email'}
}
};
//合并默认值和选项
var s，
设置=选项；
用于（默认值中的s.buttons）{
如果（选项按钮）{
settings.button[s]=$.extend（默认值.button[s]，options.button[s]）；
}
}
//定义按钮的容器
var oContainer=$（“#联系人按钮栏”）；
//检查容器是否已在页面上
if（oContainer.length==0）{
//插入容器元素
$（'body'）。追加（''）；
//获取刚刚插入的元素
oContainer=$（“#联系人按钮栏”）；
//添加类以获得效果
oContainer.addClass（settings.effect）；
//添加显示/隐藏按钮
var sShowHideBtn=''；
oContainer.append（sShowHideBtn）；
var i；
用于（设置中的i.buttons）{
var bs=设置。按钮[i]，
sLink=bs.link，
活动=bs.use；
//检查元素是否处于活动状态
如果（活动）{
//在需要时更改电话和电子邮件的链接
如果（bs.type===“电话”）{
sLink='tel:'+bs.link；
}else if（bs.type==='email'）{
sLink='mailto:'+bs.link；
}
//插入链接
var sIcon=“”，
sButton=''；
oContainer.append（sButton）；
}
}
//使按钮可见
setTimeout（函数（）{
动画（{left:0}）；
}, 200);
//显示/隐藏按钮
$（'body'）。在（'click'，'上。显示隐藏联系人栏'，函数（e）{
e、 预防默认值（）；
e、 停止即时复制（）；
$（'.show hide contact bar'）.find（'.fa'）.toggleClass（'fa-angle-right-fa-angle-left'）；
oContainer.find（'.cb-ancor'）.toggleClass（'cb-hidden'）；
});
}
};
//滚动滑动效果
$（函数（）{
//定义要滑动的元素
var el=$（“#联系人按钮栏。滚动滑动”）；
//加载顶部默认值
el.attr（'data-top'，el.css（'top'）；
//听滚动
$（窗口）。滚动（函数（）{
clearTimeout（$.data（这是“滚动检查”）；
$.data（此“滚动检查”，setTimeout（函数（）{
var nTop=$（window.scrollTop（）+parseInt（el.attr（'data-top'））；
动画片({
顶部：nTop
}, 500);
}, 250) );
});
});
}（jQuery））；
（功能（）{
var wf=document.createElement（'script'）；
wf.src=（'https:'==document.location.protocol？'https'：'http'）+
“：//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js”；
wf.type='text/javascript'；
wf.async='true'；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（wf，s）；
})();
//初始化共享按钮
$.contactButtons({
效果：“滚动幻灯片”，
按钮：{
'facebook'：{class:'facebook'，use:true，link:'javascript:void（0）”，extras:'target=“_blank”}，
'linkedin'：{class:'linkedin'，use:true，link:'javascript:void（0）}，
'twitter'：{class:'twitter'，use:true，link:'javascript:void（0）}，
//'phone'：{class:'phone separated'，use:true，link:'+000'}，
//'email'：{class:'email'，use:true，link:'test@web.com' }
}
});

#接触按钮栏{
位置：固定；
顶部：120px；
左：-50px；
宽度：50px；
}
#触屏按钮滚动条{
位置：绝对位置；
}
.联系人按钮链接{
显示：块；
宽度：50px；
高度：50px；
填充：0；
边缘底部：1px；
文本对齐：居中；
线高：50px；
字体大小：22px；
背景#8e8e93；
颜色：#fff；
位置：相对位置；
左：0；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
-webkit转换：所有250ms；
-moz转换：所有250ms；
过渡：所有250ms；
}
.联系人按钮链接：悬停，
.联系人按钮链接：焦点，
.联系人按钮链接：激活{
颜色：#fff；
左侧填充：20px；
宽度：70px；
}
.contact-button-link.cb-hidden{
左：-50px；
}
.contact-button-link.facebook{
背景：#3b5998；
}
.contact-button-link.linkedin{
背景#0077b5；
}
.contact-button-link.gplus{
背景#db4437；
}
.contact-button-link.separated{
边缘顶部：1米；
}
.显示隐藏联系人栏，
.联系人按钮链接。显示隐藏联系人栏：焦点，
.联系人按钮链接。显示隐藏联系人栏：活动{
背景：透明；
颜色：#000；
边界：0；
大纲：0；
填充：0；
宽度：50px；
}
.联系人按钮链接。显示隐藏联系人栏：悬停{
颜色：#000；
背景：#ccc；
填充：0；
W