我正在开发一个项目,希望对其进行平滑滚动。我已经查看了mootools.net和this post from David Walsh关于该主题的所有可用文档。复制粘贴代码似乎无效,我看到的唯一区别是所用MooTools的版本(此处为1.4.5),而函数名似乎与1.2相同。 Chrome 23抛出错误“未捕获的TypeError:未定义不是函数”,但在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也是相对较新的,因此,如果您能解释一下该过程,将会很有帮助!提前致谢。

最佳答案

看起来我已经在jsFiddle中工作了。也许这会为您提供有关发生情况的线索? http://jsfiddle.net/6NNBV/

更新:

要使其在页面加载时加载,请尝试以下操作:

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


编辑:忽略以下内容:

我相信页面锚对目标元素的id无效,而对name属性有效。

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

关于javascript - MooTools Fx.SmoothScroll的内部链接在我的网站上不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13359706/

10-13 04:46