从林志恩在这里发的帖子:
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>


谁能阐明为什么这行不通?

谢谢

最佳答案

林志恩很友善地提出了解决方案!

Example

Full Code

关于javascript - MooTools onLoad SmoothScrolling(林志恩方法),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3625970/

10-11 20:06
查看更多