infrajs/ascroll

There is no license information available for the latest version (v1.0.32) of this package.

Animate link click scroll anchor

Maintainers

👁 akiyatkin

Package info

github.com/infrajs/ascroll

Language:JavaScript

pkg:composer/infrajs/ascroll

Statistics

Installs: 1 070

Dependents: 2

Suggesters: 0

Stars: 1

Open Issues: 0

v1.0.32 2021-08-19 10:23 UTC

Requires

None

Requires (Dev)

None

Suggests

None

Provides

None

Conflicts

None

Replaces

None

Unknown License 1eef20ccdb8138bfa2a67b837648138aa906ff1a


README

Animate link click anchor scroll Плавная прокрутка при клике по внутренним ajax ссылкам и по якорям.

use

<script src="vendor/components/jquery/jquery.min.js"></script>
<script src="vendor/infrajs/ascroll/ascroll.js"></script>
<script>
	$(function(){ //add handler for all links with anchor
		window.ascroll({ //default config
			"anchor":0, //anchor-блок по умолчанию, до которого нужно проскролить или цифра отступ от верхней границы браузера
			"height":'.navbar-fixed-top', //Сселектор fixed-шапки, высоту которой надо компенсировать или цифра высота
			"marginBottom":".space", //Отступ от fixed-шапки, может быть селектором блока с marginBottom
			"div":"body", //Контейнер с ссылками, которые должны плавно скролиться
			"global":false //Нужно ли применять скролл для обычных ссылок (для AJAX сайтов)
		);
	});
</script>

use any time

	ascroll.go('#anchor');
	ascroll.go('#anchor', config);
	ascroll.go(100, config);
	ascroll.once = false; //Пропустить один следующий вызов ascroll.go

Игнорировать ссылку

<a data-ascroll="false" ...>

Прокрутка до определённого элемента

<a data-anchor=".breadcrumb" ...>