sezginyildirim
Hocam öncelikle jquery’i aktif etmemiz gerekiyor.
flarum/core/views/frontend app.blade.php’nin içinde head etiketinin altına ekleyeceğimiz script;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
Daha sonrasında Harici Footer bölümüne ekleyeceğimiz kod;
<script>
$(document).ready(function() {
var s = $(".DiscussionPage-nav>ul");
var pos = s.position();
$(window).scroll(function() {
var windowpos = $(window).scrollTop();
if (windowpos >= pos.top) {
s.addClass("stick");
} else {
s.removeClass("stick");
}
});
});
</script>
Son olarak Harici CSS bölümüne ekleyeceğimiz kod;
.stick {
position:fixed;
top:12%;
}
Local sunucuda çalıştı. Kendi sitemde henüz denemedim. Denedikten sonra sonucu yazarsanız çok sevinirim. (Header bölümünde reklam vs. varsa %12 değerini %20 civarı yapmanız gerekebilir.)
Kendi sitemde kontrol ettim, çalışıyor ama ufak bir problem var 🙂
Soruda F5 yaparsanız çalışıyor. Ama ana sayfadan mouse ile tıklayarak girdiğiniz zaman çalışmıyor. Onun sebebi de sanırım jquery’nin açılan sayfada çalışıp sağdaki navigation bar’ı görmediği için çalışmaması. Biraz üzerine düşmek lazım sanırım 🙂
