Merhabalar arkadaşlar, kendi sitem için yeni bir tema yazıyorum fakat jquery bilgim fazla olmadığı için bir yerde tıkandım. Sitem 5 sectiondan oluşuyor, ilk sectionda koyu arkaplanlı bir slider olduğu için logoyu ve menüyü beyaz yaptım fakat 2. sectiondan sonra arkaplanlar beyaz olduğu için logo ile menünün "section-2" idli sectiondan ve ondan sonrasında siyah olmasını istiyorum. Bunu nasıl yapabilirim acaba? Teşekkürler :) Daha iyi anlamanız için 2 adet görsel;

FerdiŞahin şu adresten bir bakabilir misin hocam; dediğin şekilde denedim sonuç vermedihttp://www.yucetasarim.com/beta/

HapyMan hocam süpersin Allah razı olsun tam aradığım buydu, sıfırdan yazmışsın herhalde emeğine sağlık. Ekliyorum ama jquery kodu işlemiyor öyle bir saçmalık var çözemedim, jquery kodunu çalıştırmıyor, birşeyle mi çakışıyor acaba anlamadım?Footer kısmındaki jquery kodları bu şekilde;<script>var methodOne = function { function ofsetTop function changeColored function changeColor return { render : function { var item = $("section:eq(1)"), thisIt = $ , changeItem = $ , color = "#ef3acd"; $ . scroll(function { var scx = $ . scrollTop ; console. log ; if( scx >= ofsetTop ) else }); } }} ;var methodTwo = function { function ofsetTop function changeLogo function changeColored return { render : function { var item = $("section:eq(1)"), thisIt = $ , changeItem = $ , logo = "https://www.google.com.tr/images/branding/googlelogo/2x/googlelogo_color_272x92dp. png", Newlogo = "https://wmaraci.com/resimler/logolar/logo. png"; $ . scroll(function { var scx = $ . scrollTop ; if( scx >= ofsetTop ) else }); } }} ;$ . ready(function )</script> <script></script> <script>/js/jquery. onepage-scroll. min. js"></script> <script>/js/main. js"></script>

<script></script> <script>/js/jquery. onepage-scroll. min. js"></script> <script>/js/main. js"></script> <script> var methodTwo = function { function ofsetTop function changeLogo function changeColored return { render : function { var item = $("section:eq(1)"), thisIt = $ , changeItem = $ , logo = "https://www.google.com.tr/images/branding/googlelogo/2x/googlelogo_color_272x92dp. png", Newlogo = "https://wmaraci.com/resimler/logolar/logo. png"; $ . scroll(function { var scx = $ . scrollTop ; if( scx >= ofsetTop ) else }); } } } ; $ . ready(function ) </script> bu şekilde bi deneyin hocam size method 2 lazım 1. si değil. image header ve section bölümlerini kendinize uyarlayın.

şuna bir bakın hocam qjqWma

Şu şekilde yapabilirsiniz: $window. on('scroll', function { if ($window. scrollTop > 200) else });