如何用jQuery实现页面水平滚动时隐藏指定Div？

原来的代码通过scrollTop()检测垂直滚动距离，要适配水平滚动，只需将检测垂直滚动的scrollTop()替换为检测水平滚动的scrollLeft()即可，逻辑保持一致：

<script>
    $(window).scroll(function () {
        if ($(this).scrollLeft() > 0) {
            $('.nk-sidebar').fadeOut();
        } else {
            $('.nk-sidebar').fadeIn();
        }
    });
</script>

说明 #

• scrollLeft()方法会返回当前页面水平方向的滚动距离，当页面向右滚动（距离大于0）时，隐藏.nk-sidebar；
• 当水平滚动距离回到0（页面回到最左侧）时，重新显示.nk-sidebar。

内容的提问来源于stack exchange，提问作者Aly-Elgarhy