infrajs/ascroll

此包最新版本（v1.0.32）没有可用的许可证信息。

动画链接点击滚动锚点

维护者

详情

github.com/infrajs/ascroll

源代码

问题

安装量: 1,052

依赖项: 2

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

公开问题: 0

语言：JavaScript

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

Unknown License 1eef20ccdb8138bfa2a67b837648138aa906ff1a

This package is auto-updated.

Last update: 2024-09-05 15:19:57 UTC

README

在点击内部AJAX链接和锚点时实现平滑滚动。

使用

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

随时使用

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

忽略链接

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

滚动到特定元素

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