Question

我目前正在使用：

＆＃13;

<script>
$(window).scroll(
    {
        previousTop: 0
    }, 
    function () {
    var currentTop = $(window).scrollTop();
    if (currentTop < this.previousTop) {
        $("#menu").fadeIn();
    } else {
        $("#menu").fadeOut();
    }
    this.previousTop = currentTop;
});
</script>

＆＃13;

使页面的菜单在向下滚动时淡出，在向上滚动时淡入，这有效。什么不起作用，我需要始终在页面顶部可见。

我找到的唯一解决方案是禁用滚动解决方案的淡入/淡出，我试图找到一个可以同时协同工作的解决方案。防爆。滚动顶部200px时始终可见，但在向上/向下滚动时具有淡入/淡出功能。有什么建议？谢谢！

Answer 1

我建议你在页面顶部添加一个类名。然后你可以用css设置样式，使其始终在顶部可见。

<script>
$(window).scroll(
    {
        previousTop: 0
    }, 
    function () {
    var currentTop = $(window).scrollTop();
    if ( currentTop == 0 ) {
         $("#menu").addClass('static-on-top');
    } else {
        $("#menu").removeClass('static-on-top');
        if (currentTop < this.previousTop) {
            $("#menu").fadeIn();
        } else {
           $("#menu").fadeOut();
       }
    }
    this.previousTop = currentTop;
});
</script>
<style type="text/css">
.static-on-top {
      display: block !important;
}
</style>

Answer 2

我编辑并试用了代码。最好的解决方案是删除fadeOut：

kubectl config set-context production --namespace=production --cluster=websites

在页面顶部

2 个答案: