Question

我正在开发一个我希望平滑滚动的项目。我已经看过mootools.net和this post from David Walsh关于该主题的所有可用文档。复制粘贴代码似乎不起作用，我看到的唯一区别是使用的MooTools版本（此处为1.4.5） - 函数名称似乎与1.2相同。 Chrome 23引发错误“Uncaught TypeError：undefined is not a function”但我在Firebug中找不到错误。在Firefox中也不能正确滚动。

代码：

<!DOCTYPE html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>
<script type="text/javascript">
    window.addEvent('domready',function() {
        new Fx.SmoothScroll({
            duration: 200
        },window);
    });
</script>
</head>

<body>
<a href='#one'>One</a>
<h3 id="one">One</h3>
</body>

我也是JavaScript的新手，所以如果你能解释一下这个过程，它会有很大的帮助！提前谢谢。

Answer 1

看起来我已经让它在这个jsFiddle中工作了。也许这会给你一个关于发生了什么的线索？ http://jsfiddle.net/6NNBV/

<强>更新：

要在页面加载时加载它，请尝试：

window.addEvent('domready', function() {
    new Fx.SmoothScroll();
});

修改：忽略以下内容：

我认为页面锚点不适用于目标元素的id，而是name属性。

尝试将name属性添加到h3元素。

MooTools Fx.SmoothScroll内部链接无法在我的网站上运行

1 个答案: