Antrium A35D

Jquery Anchor Scroll

Aşağıdaki Kod ile yapabilirsiniz;

Jquery ile Mümkün !

Scroll barı Anchor  pozisyonuna götürebilirsiniz.

boostrap 5 accordion scroll to top of active, bootstrap 5 accordion tıklanınca ekrana sabitleme

bootstrap 5 accordion tıklanınca ekrana sabitleme yapmak için aşağıdaki kodu kullanıyoruz.

 $('.collapse').on('shown.bs.collapse', function (e) {
                var $card = $(this).closest('.accordion-item');
                var $open = $($(this).data('parent')).find('.collapse.show');

                var additionalOffset = 0;
                if ($card.prevAll().filter($open.closest('.accordion-item')).length !== 0) {
                    additionalOffset = $open.height();
                }
                $('html,body').animate({
                    scrollTop: $card.offset().top - additionalOffset
                }, 500);
            });

jquery anchor auto scroll

aynı sayfa veya farklı sayfalarda çalışmaktadır.

CSS Smooth Scrolling

Css Kodu Aşağıdaki gibidir

Jquery Scroll to element- Jquery Element scroll

Html kodu: <img id="image" src="images/tree.jpg" />

Kod aşağıdaki gibidir;

Jquery scroll top

jquery Yukarıya kaydır kodu