更改滚动上的徽标 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

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

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

相关推荐

发表评论

登录 后才能评论

评论列表(11条)