当在视口中向下滚动元素时，hide（fade）元素

Question

我有一个粘性链接，向下滚动到#id。但是我不知道如果用户仍然滚动到该点，如何淡化粘性链接。视口看到元素顶部时，是否可以淡出粘滞链接元素？

  $(".scrollt0").click(function(event) {
var $target = $(this.hash);

event.preventDefault();
$('html,body').animate({
    scrollTop: $target.offset().top-220}, 'slow');
$target.addClass('hilight');

setTimeout(function() {$target.removeClass('hilight');}, 1000);
});

$(document).ready(function() {
    var $header = $(".profile-header"),
        $clone = $header.before($header.clone().addClass("clone"));

    $(window).on("scroll", function() {
        var fromTop = $(window).scrollTop();
        $("body").toggleClass("down", (fromTop > 310));
    });
});