我正在开发一个项目,希望对其进行平滑滚动。我已经查看了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/