“sanfte Schriftrolle zum Anker” Code-Antworten

sanfte Schriftrolle zum Anker

/* Just use Native HTML Smooth Scroll */
html {
  scroll-behavior: smooth;
}
gtamborero

Smooth Scroll CSS

html {
  scroll-behavior: smooth;
}

/* No support in IE, or Safari
You can use this JS polyfill for those */
http://iamdustan.com/smoothscroll/
deadlymuffin

JavaScript glatte Schriftrolle zum Ankerelement

//add smooth scrolling when clicking any anchor link
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
});
//<a href="#someOtherElementID"> Go to Other Element Smoothly </a>
Grepper

sanfte Schriftrolle zum Anker

jQuery(document).ready(function($) {
					var $page = $('html, body');
					$('a[href*="#"]').click(function() {
						$page.animate({
							scrollTop: $($.attr(this, 'href')).offset().top-50
						}, 600);
						return false;
					});
					});
Dead Duck

Smooth Scroll auf dem Anker -Tag

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();

        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
});
Angry Armadillo

Ähnliche Antworten wie “sanfte Schriftrolle zum Anker”

Fragen ähnlich wie “sanfte Schriftrolle zum Anker”

Weitere verwandte Antworten zu “sanfte Schriftrolle zum Anker” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen