MooTools的的onLoad SmoothScrolling(林赐小金法)

问题描述:

从后林赐的Un发在这里: http://davidwalsh.name/mootools-onload-smoothscrollMooTools的的onLoad SmoothScrolling(林赐小金法)

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> 

可有人能够解释为什么这个ISN一些轻没有工作?

谢谢

+0

删除“无PHP”字样的标题,从来没有听说过有人的顺利使用服务器端脚本滚动浏览器(除非你想也许平滑滚动服务器的broswer,:)) – 2010-09-02 10:43:13

+0

嗯,我知道你在说什么,但是你看过这里的代码吗? http://davidwalsh.name/mootools-onload-smoothscroll – Anthony 2010-09-14 12:36:49

Lim Chee Aun很友好地提出了一个解决方案!

Example

Full Code

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

如果没有,您需要将脚本放在那里,并在每个页面中您想要在加载页面时进行平滑滚动。

+0

是的,我确实在所有的网页上放置了javascript .... – Anthony 2010-09-03 16:02:29