html Javascript滚动到下一页

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html Javascript滚动到下一页相关的知识,希望对你有一定的参考价值。

/**
	 * Scroll to a section on the page.
	 */
	$('.scroll a, a.scroll').click(function(e){
	
		var rel 			= $(this).attr('rel');
		var destination 	= rel.split('_')[0];
		var window_width 	= $(window).width();
		var the_offset 		= 120;
		
		$('body , html').animate({ scrollTop: $('#' + destination).offset().top-the_offset } , 2000 , 'easeInOutCirc' );
	
		e.preventDefault();
	
	});
<a href="#testimonial-01" class="go-down scroll" rel="testimonial-01_link"><i class="fa fa-angle-down"></i></a>

rel="testimonial-01_link" <-- is the next div testimonial-01 id

以上是关于html Javascript滚动到下一页的主要内容,如果未能解决你的问题,请参考以下文章

无限滚动在向下滚动到下一页时出现模板错误

导航到下一页时,Chrome (iOS) 中的奇怪自动滚动/跳转行为

为啥页面控制点从一页变为下一页

使用 Javascript 链接到下一页和上一页

在链接到下一页之前播放音频的 HTML 链接

移动到下一页时不显示对话框[重复]