更改滚动上的徽标 Shopify黎明主题

我想知道如何使用 javascript 在 shopify 黎明主题中滚动一定量后更改徽标图像的来源。

我想知道如何使用 javascript 在 shopify 黎明主题中滚动一定量后更改徽标图像的来源。

0

这不是测试,但你可以这样做

const heightToAdjustElement = 350;
const newLogoSrc = "cdn.shopify.com/s/files/1/0551/9242/0441/files/Dawn_logo_90x.png"
window.addEventListener('scroll', (event) => {
  if (document.body.scrollTop > heightToAdjustElement || document.documentElement.scrollTop > heightToAdjustElement) {
  document.querySelector('.header__heading-logo').src = newLogoSrc;
}
});

您也应该为替代徽标创建一个新的部分设置,并将 js 变量 newLogoSrc 与类似 {{section.settings.alternative_logo}} 的内容链接

https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(993)
使用 T-Sql备份和还原数据库
上一篇
Word内容控件-字段:从字段中的数据在文档上自动执行 QR码
下一篇

相关推荐

  • Spotify使用邮件和密码 python登录

    我想登录我的 spotify 帐户并获取我的持有者令牌。我尝试使用请求模块执行此操作,但无法管理登录操作。如果您告诉我如何使用请求模块登录帐户并获取持有者令牌,我将非常高兴。…

    2022-12-23 05:53:58
    0 20 31

发表评论

登录 后才能评论

评论列表(32条)