javascript - MooTools onLoad SmoothScrolling (Lim Chee Aun 方法)

Question

来自 Lim Chee Un 的帖子：http: //davidwalsh.name/mootools-onload-smoothscroll

window.addEvent(‘domready’, function() {
new SmoothScroll({ duration:700 }, window);
var el = window.location.hash.substring(1); // the hash
if(el) {
window.scrollTo(0,0);
var scroll = new Fx.Scroll(window, { wait: false, duration: 700, transition: Fx.Transitions.Quad.easeInOut });
scroll.toElement(el);
}
});

我想让页面在页面加载时自动平滑滚动到 URL 中的 # 。

当链接是这样的，即同一页面时，平滑滚动有效：

<a href="#pageHeading">Books & Booklets</a>

而不是我需要这样的：

<a href="books.html#pageHeading">Books & Booklets</a>

任何人都可以阐明为什么这不起作用？

谢谢

Answer 1

Lim Chee Aun 很友善地发布了一个解决方案！

例子

完整代码

Answer 2

您是否也在“books.html”页面中放置了相同的 javascript？

如果不是，您需要将脚本放在那里，并且在每个页面中，您都希望在页面加载时平滑滚动。