Öncelikle daha önceden eklemediyseniz 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. <a id='yukari_buton'><i class='fas fa-angle-double-up'></i></a> <script> var btn = $('#yukari_buton'); $(window).scroll(function() { if ($(window).scrollTop() > 300) { btn.addClass('show'); } else { btn.removeClass('show'); } }); btn.on('click', function(e) { e.preventDefault(); $('html, body').animate({scrollTop:0}, '300'); }); </script> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } Daha sonra yine admin panelden Özel Stiller (Custom CSS) bölümünden aşağıdaki kodu ekliyoruz. #yukari_buton { display: inline-block; background-color: #FF9800; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; } #yukari_buton i { font-size: 2em; line-height: 50px; color: #fff; } #yukari_buton:hover { cursor: pointer; background-color: #333; } #yukari_buton:active { background-color: #555; } #yukari_buton.show { opacity: 1; visibility: visible; } @media (max-width: 767px) { #yukari_buton { bottom: 70px; right: 30px; height: 50px; }} if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

RdvaNArslaN tüm içeriği dikkatli okuyup yaptıysanız hata vermemesi lazım. jquery dosyası için kodu ekleyeceksiniz. javascript kodunu footer bölümüne ekleyeceksiniz. css kodlarını ekleyeceksiniz.

ParseError: Unexpected input in anonymous-file-5.less on line 25, column 1 23| 24| 25| ```#yukari_buton { 26| display: inline-block; 27| background-color: #FF9800; 28| width: 50px hatasını verdı

[bilinmeyen] site adresini yazarmısınız ordan kontrol edeyim

bymizah Dediklerinizi yaptım bir zat

RdvaNArslaN kodları gizli içerik olarak eklediğimden dolayı '' karakterleri fazla olmuş. Şu anda yeniden düzenledim. Şu an yazılı olduğu haliyle tekrar denermisin?

ahmed26 kodları gizli içerik olarak eklediğimden dolayı '' karakterleri fazla olmuş. Şu anda yeniden düzenledim. Şu an yazılı olduğu haliyle tekrar denermisin?

Yukarı çık butonu

2rkey

Teşekkürler

SavaKl

Teşekkürler

ArmaanDemircan

bymizah Teşekkürler

mekici

[bilinmeyen] Gönderilen anlamlı olması gerekmektedir. Kullanım Şarları

Kerem

Teşekkürler

Cyrus

Teşekkürler

bluelight

teşekkürler

RootTempy

bu gerçekten harika

Düzenleme: Çalışmıyor

mekici

RootTempy As per our forum rules, you only have to write content in Turkish. Google translate can help you with this.

MetecanGrel

TESTTT

Darkness

teşşekürler deniyeceğim

Tolgahan

deniyorum

durpoy

Bu uzantı da https://discuss.flarum.org/d/26139-scroll-to-top kullanılabilinir

« Önceki Sayfa