【jQuery】シングルページサイト用のメニュープラグインSinglePageNavigation

jQuery

singlePageNavigation

October 27, 2017

SinglePageNavigationはシングルページサイト用のメニューjQueryプラグイン。メニュー内のアクティブな項目をチェックし、スムーズにページをスクロールすることができます。

Usage

 $(".js-menu").singlePageNavigation({
	current : "active",
	duration : 500
});

Advanced Usage

 $(".js-menu").singlePageNavigation({
	exceptClass : "menu__element_except",
	disabledClass : "menu__element_no-clickable",
	current : "active",
	duration : 500,
	delay : 300,
	ease : "swing",
	offset : header,
	offsetDynamic : 'innerHeight',
	scrollingOffsetBottom : 0.4, 
	changeAddress : false,
	currentClickable : true,
	beforeScrolling : function(){
		console.log("start scrolling");
	},
	finishScrolling : function(){
		console.log("finish scrolling");
	}
});

Latest Posts

Related Posts