Jquery“Smooth Scroll”不起作用

时间:2015-02-19 21:21:07

标签: javascript jquery

我有以下问题: 当我使用jQuery单击链接时,我尝试将平滑,慢速滚动到顶部。我使用了以下脚本:

$(document).ready(function() {
	$('a[href*=#]').bind("click", function(event) {
		event.preventDefault();
		var ziel = $(this).attr("href");

		$('html,body').animate({
			scrollTop: $(ziel).offset().top
		}, 2000 , function (){location.hash = ziel;});
         });
});

在页面顶部,我有一个<h1> - 标记为id:start,在底部我定义了一个链接:a href="#start">Back to top</a>

包含jQuery脚本。

有人知道为什么它不适用于我的情况,但工作here

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

您的代码似乎工作正常,在创建代码段时,请务必包含所有代码(html&amp; javascript)..

请看一下我为你准备的jsfiddle。

https://jsfiddle.net/gfe3c43u/

提示:确保在尝试运行此代码的任何地方都包含正确的库(注意:我的jsfiddle使用的是jquery 2.1.0)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>