Kullanıcı, sayfada belirli bir mesafe kaydırdığında, bir CSS özelliğini bir div'a eklemeye çalışıyorum.Kaydırma üzerindeki CSS özelliğini değiştir
<div id="navbar">...</div>
#navbar {
position: fixed;
width: 100%;
height: 55px;
padding: 1px;
padding-left: 20px;
background: #009688;
}
Ben kullanıcı sayfasına aşağı 209px kaydırılan zaman, #navbar için CSS box-shadow: 0px 3px 2px #888888;
özelliği eklemek istiyorum. Bunu çevrimiçi olarak bulduğum jQuery ile bir araya getirmeyi denedim, ama jQuery ile hiçbir deneyimim olmadığından, çalışamadım.
$("#navbar").css("box-shadow", "0px 3px 2px #888888");
Ve:
$(document).scroll(function() {
$('#navbar').toggle($(this).scrollTop()>209)
});
ben mantıklı umuyoruz. Herhangi bir yardım için şimdiden teşekkür ederiz.