平滑滚动返回顶部代码,JS代码库,德仔网

代码语言

代码分类

【JS】平滑滚动返回顶部

作者:步山 / 发布于2014/11/10/ 806


	$(document).ready(function() {
	 function filterPath(string) {
	 return string
	 .replace(/^\\//,'')
	 .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
	 .replace(/\\/$/,'');
	 }
	 var locationPath = filterPath(location.pathname);
	 var scrollElem = scrollableElement('html', 'body');

	 $('a[href*=#]').each(function() {
	 var thisPath = filterPath(this.pathname) || locationPath;
	 if ( locationPath == thisPath
	 && (location.hostname == this.hostname || !this.hostname)
	 && this.hash.replace(/#/,'') ) {
	 var $target = $(this.hash), target = this.hash;
	 if (target) {
	 var targetOffset = $target.offset().top;
	 $(this).click(function(event) {
	 event.preventDefault();
	 $(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
	 location.hash = target;
	 });
	 });
	 }
	 }
	 });

	 // use the first element that is "scrollable"
	 function scrollableElement(els) {
	 for (var i = 0, argLength = arguments.length; i <argLength; i++) {
	 var el = arguments[i],
	 $scrollElement = $(el);
	 if ($scrollElement.scrollTop()> 0) {
	 return el;
	 } else {
	 $scrollElement.scrollTop(1);
	 var isScrollable = $scrollElement.scrollTop()> 0;
	 $scrollElement.scrollTop(0);
	 if (isScrollable) {
	 return el;
	 }
	 }
	 }
	 return [];
	 }

	});

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　返回顶部　

同语言下

可能有用的

步山贡献的其它代码(75)