无法获取$（窗口）。scrollTop（）javascript以正常工作

我试图实现一个javascript解决方案来隐藏浮动共享按钮，并且只有当用户滚动到830px以下时才会显示它们

预期行为-shareaholic共享按钮隐藏，直到用户滚动830px。按钮应出现在该点。我使用的代码是：

.shareaholic-share-buttons-container.floated.vertical {
display: none;
}

上面是我的CSS，后面是：

<script type="text/javascript">
$(window).scroll(function() {
if ($(window).scrollTop() > 830) {
$('.shareaholic-share-buttons-container.floated.vertical').show();
} else {
$('.shareaholic-share-buttons-container.floated.vertical').hide();
}

});
</script>

$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>830）{
$（'.shareaholic共享按钮容器.floated.vertical'）.show（）；
}否则{
$（'.shareaholic共享按钮容器.floated.vertical'）.hide（）；
}
});

我已经搜索了javascript解决方案的所有迭代，以在滚动时隐藏元素，并尝试了以下代码：

<script type="text/javascript">
$(window).scroll(function() {
if($(window).scrollTop() > 830) {
$(".shareaholic-share-buttons-container.floated.vertical").css("display","block"); 
} else {
$(".shareaholic-share-buttons-container.floated.vertical").css("display","none"); 
}
});
</script>

$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>830）{
$（“.shareaholic共享按钮容器.浮动.垂直”）.css（“显示”，“块”）；
}否则{
$（“.shareaholic共享按钮容器.浮动.垂直”）.css（“显示”，“无”）；
}
});

不幸的是，这不起作用。我把它放在页眉的末尾和页脚的末尾，就在

之前，但没有任何效果

---

我将感谢所有帮助，让代码在我的网站上工作-谢谢

请添加jQuery而不是$sign

<script type="text/javascript">
jQuery(window).scroll(function() {
if(jQuery(window).scrollTop() > 830) {
jQuery(".shareaholic-share-buttons-container.floated.vertical").css("display","block"); 
} else {
jQuery(".shareaholic-share-buttons-container.floated.vertical").css("display","none"); 
}
});
</script>

jQuery（窗口）.滚动（函数（）{
if（jQuery（window）.scrollTop（）>830）{
jQuery（“.shareaholic共享按钮容器.浮动.垂直”）.css（“显示”，“块”）；
}否则{
jQuery（“.shareaholic共享按钮容器.浮动.垂直”）.css（“显示”，“无”）；
}
});

谢谢，这很有效。我的站点的脚本设置是否有什么特别之处，必须用jQuery替换$sign？您是否使用类似wordpress的东西？还是使用$的JS库？在这种情况下，jQuery以“安全模式”加载。是的，您在自定义js中添加了这样的内容。请参见此链接