MooTools onLoad SmoothScrolling(Lim Chee Aun方法)

时间:2010-09-02 09:58:11

标签: javascript mootools smooth-scrolling

来自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>

有人可以解释为什么这不起作用吗?

由于

2 个答案:

答案 0 :(得分:2)

Lim Chee Aun非常友好地提出解决方案!

Example

Full Code

答案 1 :(得分:0)

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

如果不是,您需要将脚本放在那里以及每个页面中,您希望在页面加载时顺利滚动。