我正在尝试为滚动的WordPress网站更改标题的背景颜色。我正在使用scrollTop函数来实现此目的,但无论出于何种原因,当前都将值作为函数返回。使用下面的代码记录到控制台的滚动位置,我得到了:
ƒ (e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}
jQuery(document).ready(function($) {
$(window).scroll(function() {
console.log($(window).scrollTop());
});
});
由于滚动位置没有作为值返回,因此无法使用它为标题编写逻辑。从我所见,scrollTop应该首先登录到控制台0,然后随着窗口滚动而增加。我想知道是否还有其他人遇到过同样的问题。
我举了一个addClass()
在滚动时使用方法设置标题颜色的示例。返回滚动位置后,具有所需颜色的类将被删除- removeClass()
:
if ($(window).scrollTop() > 0) {
$("p").addClass("color_scroll");
} else {
$("p").removeClass("color_scroll");
}
$(document).ready(function() {
$(window).scroll(function() {
if ($(window).scrollTop() > 0) {
$("p").addClass("color_scroll");
} else {
$("p").removeClass("color_scroll");
}
})
})
body {
height: 5000px;
}
p {
position: sticky;
top: 0;
}
p.color_scroll {
color: green;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Title</p>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句