文章/答案/技术大牛

发布

社区首页 >问答首页 >内部链接在我的网站上不起作用的MooTools Fx.SmoothScroll

问内部链接在我的网站上不起作用的MooTools Fx.SmoothScroll
EN

Stack Overflow用户

提问于 2012-11-13 19:09:01

回答 1查看 1.1K关注 0票数 1

我正在做一个项目，我希望有平滑的滚动。我已经查看了mootools.net和this post from David Walsh关于这个主题的所有可用文档。复制-粘贴代码似乎不起作用，我看到的唯一区别是使用的MooTools版本(这里是1.4.5)-and函数名似乎与1.2相同。Chrome23抛出错误“未捕获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的新手，所以如果你能解释一下这个过程，那会有很大帮助的！提前谢谢。

javascript

html

mootools

anchor

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-11-13 21:44:42

看起来我已经让它在这个jsFiddle中工作了。也许这会给你一个线索，知道是怎么回事？http://jsfiddle.net/6NNBV/

更新

要让它在页面加载时加载，请尝试执行以下操作：

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

编辑：忽略以下内容：

我相信页面锚点并不作用于目标元素的id，而是作用于name属性。

尝试向h3元素添加name属性。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13359706

复制

相似问题

问内部链接在我的网站上不起作用的MooTools Fx.SmoothScroll
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问内部链接在我的网站上不起作用的MooTools Fx.SmoothScrollEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问内部链接在我的网站上不起作用的MooTools Fx.SmoothScroll
EN