CSS 隐藏对象滚动百分比

Question

有谁知道如何根据用户向下滚动页面的程度来隐藏对象？

我的网站上有一些浮动社交按钮，我希望它们在滚动到页脚（最底部）时隐藏，然后在向上滚动时显示。

Answer 1

单独使用 CSS 无法完成，您必须使用 javascript 来跟踪用户滚动了多少。

如果你可以使用jQuery，你必须这样做：

$(window).scroll(function() {
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
        $("#social").hide();
    } else {
        $("#social").show();
    }
});

参见jsfiddle。但是，这只是您对所需内容的猜测，因为您没有提供正确的代码。如果您只需要 javascript 的解决方案（没有 jQuery），请告诉我。

CSS 隐藏对象滚动百分比

CSS Hide object Scroll Percentage

css

scroll

hide

percentage