gpt4 book ai didi

JavaScript 滚动脚本 - 在测试中触发,而不是在开发站点上触发

转载 作者:行者123 更新时间:2023-11-28 08:05:30 27 4
gpt4 key购买 nike

我的脚本在滚动时替换 Logo 在测试'http://jsfiddle.net/timsalabim/opek5mtz/ 中有效。 `

<!-- Logo Scroll -->

var img = document.querySelector('.logo_h__img img'); // get the element
img.dataset.orig = img.src; // dataset
document.addEventListener('scroll', function (e) { // add the event listener
if (document.body.scrollTop > 0) { // check the scroll position
img.src = img.dataset.scroll; // set the scroll image
} else {
img.src = img.dataset.orig; // set the original image back
}
});

当在网站中以完全相同的方式实现时它不起作用,我想我已经正确测试它并且它也在触发....

我把脚本放到我的站点中 <head> </head>位于这些标签内的 header.php 文件(Wordpress 网站)中的标签:

<script type="text/javascript">    </script>

我也没有忘记在这部分添加图片标签:

data-scroll="http://"

是否有可能导航的设置方式使其旁边嵌套的 Logo 无法识别滚动条?

**** 更新 ****这是我的开发网站:http://dev.greenlabit.com.au/Test/

最佳答案

我尝试了一些其他的 JS 并且让它工作了!当使用固定导航栏时它停止运行。

感谢您的所有帮助。

关于JavaScript 滚动脚本 - 在测试中触发,而不是在开发站点上触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29505166/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com