滚动后粘性社交分享

Question

我又来了，我有另一个jQuery问题。

这是我的社交分享按钮代码：

<div class="articleLeft">
    <a href=""><i class="fa fa-facebook-square"></i></a>
    <a href=""><i class="fa fa-twitter-square"></i></a>
    <a href=""><i class="fa fa-google-plus-square"></i></a>
    <a href=""><i class="fa fa-linkedin-square"></i></a>
</div>

如何在用户滚动300px之后使此div变为粘性？

我应该使用哪种方法？

非常感谢。

Answer 1

您可以试试这个：

JS：

function stick_social() {
    var window_top = $(window).scrollTop();
    if (window_top > 300) {
        $('.articleLeft').addClass('stick');
    } else {
        $('.articleLeft').removeClass('stick');
    }
}

$(function () {
    $(window).scroll(stick_social);
    stick_social();
});

CSS：

.stick {
    position: fixed;
    top: 300px;
    z-index: 9999;
}