代码之家 › 专栏 › 技术社区 › Selcuk xD

结合两个相似的。js函数为1

wordpress javascript

Selcuk xD · 技术社区 · 2 年前

这是第一个函数

window.onscroll = function() {
    scrollFunction()
};
    
function scrollFunction() {
    if (document.body.scrollTop > 90 ||
        document.documentElement.scrollTop > 90)
    {
        document.getElementById("quadmenu_0")
                    .style.padding = "20px 0px";

    }
    else {
        document.getElementById("quadmenu_0")
                    .style.padding = "180px 0px 40px";
            
    }
}

这是第二个函数

window.onscroll = function() {
    scrollFunction()
};
    
function scrollFunction() {
    if (document.body.scrollTop > 150 ||
        document.documentElement.scrollTop > 150)
    {
        document.getElementById("ast-mobile-header")
                    .style.backgroundColor = "red";

    }
    else {
        document.getElementById("ast-mobile-header")
                    .style.backgroundColor = "white";
            
    }
}

1 回复 | 直到 2 年前

Alicia Sykes 2 年前

您可以在onScroll侦听器中调用这两个函数。当然,它们需要有不同的名称(最好选择比下面的例子更符合逻辑的名称)

window.onscroll = function() {
    scrollFunction1()
    scrollFunction2()
};

function scrollFunction1() {
  if (document.body.scrollTop > 90 ||
    document.documentElement.scrollTop > 90) {
      document.getElementById("quadmenu_0")
        .style.padding = "20px 0px";
  } else {
    document.getElementById("quadmenu_0")
      .style.padding = "180px 0px 40px";      
  }
}

function scrollFunction2() {
  if (document.body.scrollTop > 150 ||
    document.documentElement.scrollTop > 150) {
      document.getElementById("ast-mobile-header")
        .style.backgroundColor = "red";
  } else {
    document.getElementById("ast-mobile-header")
      .style.backgroundColor = "white";
  }
}

推荐文章

SubZer0 · WordPress搜索结果的个性化,包括页面和类别

1 年前

Artm · 如何在Wordpress中编写和使用添加重写规则代码?

1 年前

James1370 · 根据用户ID按类别ID设置免费价格产品

1 年前

mewiben39 · 如何在WordPress的前端显示应用程序密码功能?

2 年前

Digi verse · 我正在尝试将按钮悬停颜色更改为透明,但不起作用

2 年前

Mitch C · Wordpress将当前用户ID添加到HTML脚本中

2 年前

seco · 如何在不挂起页面的情况下加载JS

2 年前

LaluArjunK · 我可以在从垃圾箱中删除wordpress中的产品时显示错误消息吗?

2 年前

Eve · 用于颤振的可湿性粉剂api

2 年前

Selcuk xD · 结合两个相似的。js函数为1

2 年前