Question

通常我会在我的一些项目中使用它。

    //Back to top
    $(window).scroll(function () {

            if ( $(window).scrollTop() > 100 ) {
                $('#back-to-top').fadeIn('fast');
            } else {
                $('#back-to-top').fadeOut('fast');
            }

    });

    $(window).scroll();

这意味着每当用户从顶部向下滚动更像100px时，返回顶部的箭头就会淡入。

这次我在div中有一个水平滚动条，其overlow-x设置为auto。看起来像这样......

<section id="slider" class="horizontal">
    <!-- Some Images that are floated left -->
    <div id="back-to-left"></div>
</section>

.horizontal {
    overflow-x: auto;
    white-space: nowrap;
    padding: 20px 0;
}

所以它只是一个div，其中有很多图像并排在这个div底部的水平滚动条。

当我在此div中滚动超过某个值时，我只想显示此#back-to-left按钮 - 可能再次像100px。

在这种情况下我该怎么做？

感谢您的帮助。

Answer 1

您可以使用scrollLeft()来确定位置

所以你想要做类似

的事情

$('#slider').scrollLeft() > 100

jQuery：当特定div溢出滚动100px时显示元素？

1 个答案: