我開始在我的網站上修改標題,並且很難讓它按照我的想法工作。如何在向下滾動時更改標題背景?
我想,標題背景更改背景顏色爲白色,當向下滾動100-150px,究竟喜歡的是這個site。
我發現這個JS:
$(function(){
$('#header_nav').data('size','big');
});
$(window).scroll(function(){
if($(document).scrollTop() > 0) {
if($('#header_nav').data('size') == 'big') {
$('#header_nav').data('size','small');
$('#header_nav').stop().animate({
height:'40px'
},600);
}
}
else {
if($('#header_nav').data('size') == 'small') {
$('#header_nav').data('size','big');
$('#header_nav').stop().animate({
height:'100px'
},600);
}
}});
我插入自定義JS插件在my WP site。
也有這個JS:
<script>
$(window).on("scroll", function() {
if ($(this).scrollTop() > 100) {
$("header").css("background","#252525");
}
else {
$("header").css("background","#fff");
}
});
</script>
也許是這更好sollution,那麼前面的代碼?
如何使用JS來做出演示網站我在這個職位之前發佈的效果?
非常感謝,完美答案:) – Dora
嗨,還有一個問題.. 如何在向下滾動時使徽標和菜單文字顏色翻轉?我認爲必須在您發佈的JS中添加一些CSS,但不知道是什麼。我已將此CSS插入其他站點: -webkit-filter:invert(.8); filter:invert(.8); 並做了這件事情,但如何插入到JS之前發佈? – Dora