“Gulir halus ke jangkar” Kode Jawaban

Gulir halus ke jangkar

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

CSS gulir halus

html {
  scroll-behavior: smooth;
}

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

JavaScript Gulir halus ke elemen jangkar

//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

Gulir halus ke jangkar

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

Gulir halus pada tag jangkar

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

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

Jawaban yang mirip dengan “Gulir halus ke jangkar”

Pertanyaan yang mirip dengan “Gulir halus ke jangkar”

Lebih banyak jawaban terkait untuk “Gulir halus ke jangkar” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya