Öncelikle forum içerisinde jquery kütüphanesini çağırmamız gerekiyor.
Bunun için vendor/flarum/core/views/frontend app.blade.php’nin içinde head etiketinin altına aşağıdaki kodu ekleyin:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
Daha sonra aşağıdaki kodu Admin panel -> Görünüm - > Özel Alt Bilgi (Footer) bölümüne ekliyoruz.
<script>
$(window).ready(function() {
$(document).ready(function() {
var ul_ = $(‘.DiscussionPage-nav>ul’);
var ul_pozisyon = ul_.position();
var ul_margin=ul_.css(‘margin-top’);
var ul_yukseklik=ul_pozisyon.top;
var sinir= $(‘.DiscussionPage-stream’).position().top;
var header_yukseklik= $(‘#header’).height();
var ilk_deger=(sinir*1)-(parseInt(ul_margin, 10)*1);
ul_.css(‘top’,ilk_deger);
$(window).scroll(function() {
var windowpos = $(window).scrollTop();
if(windowpos<ilk_deger){
var yeni_deger=sinir-windowpos-(parseInt(ul_margin, 10)*1);
}else{
var yeni_deger=header_yukseklik;
}
ul_.css(‘top’,yeni_deger);
});
});
});
</script>
Daha sonra yine admin panelden Özel Stiller (Custom CSS) bölümünden aşağıdaki kodu ekliyoruz.
.stick {
position:fixed;
top:10%;
}
