Dear @maarschalk
I debugged the code and it works.
You need to give a row the class blackrow.
<script>
var offset = 50;
var $blackRows;
var $nav;
Frontend.GlobalEvents.on("newpageshown", function(layoutObj, type, obj){
$blackRows = jQuery(".blackrow");
$nav = jQuery(".navbar");
$nav.removeClass("white");
$sitetitle = jQuery(".sitetitle span");
});
jQuery(document).on("scroll", function(){
$blackRows.each(function(){
var rect = this.getBoundingClientRect();
if(rect.top - offset < 0 && rect.bottom - offset > 0){
$nav.addClass("white");
$sitetitle.text( "NEW TITLE" );
return false;
}else{
$nav.removeClass("white");
$sitetitle.text( "OLD TITLE" );
}
});
});
</script>
.blackrow {
background: black;
}
.white {
background: red;
}
Hope you get it to work!
Best!
Marius