اسکرول نرم و آرام به یک المنت از هرجای صفحه بوسیله جی کوئری

بوسیله این قطعه کد زیر می‌توانید از هر جایی صفحه به یک المان اسکرول نرم و آرامی داشته باشید.

// HTML:
// <h1 id="anchor">Lorem Ipsum</h1>
// <p><a href="#anchor" class="topLink">Back to Top</a></p>


$(document).ready(function() {

	$("a.topLink").click(function() {
		$("html, body").animate({
			scrollTop: $($(this).attr("href")).offset().top + "px"
		}, {
			duration: 500,
			easing: "swing"
		});
		return false;
	});

});

نکته: برای اسکرول به بالای صفحه می‌توانید از این قطعه کد استفاده نمایید.

دیدگاه کاربران

  1. reza در

    مفیدبود متشکرم

  2. محمد در

    ممنون خیلی به دردم خورد

دیدگاه خود را بنوبسید