无法让 $(window).scrollTop() javascript 工作

Question

我正在尝试实现一个 javascript 解决方案来隐藏浮动共享按钮，并且仅当用户滚动到 830 像素以下时才显示它们。

预期行为 - 在用户滚动 830 像素之前隐藏分享狂分享按钮。此时应出现按钮。我使用的代码是：

.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>

我搜索了 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>

不幸的是，这也不起作用。我已将它放在页眉末尾和页脚末尾 </body> 之前，但没有任何效果。

如能帮助我在 http://thehungrygeek.com 的网站上运行代码，我将不胜感激 - 谢谢！

Answer 1

请添加 jQuery 而不是 $ 符号。

<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>

无法让 $(window).scrollTop() javascript 工作

Unable to get $(window).scrollTop() javascript to work

javascript

css

scrolltop