Question

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

预期行为 - 在用户滚动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>

我已经搜索了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而不是$ 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>

无法获得$（窗口）.scrollTop（）javascript工作

1 个答案: