1

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>

なぜこれが機能しないのか、誰かが光を当てることができますか？

ありがとう

4

2 に答える 2

2

Lim Chee Aun は親切にも解決策を投稿してくれました!

例

完全なコード

于 2010-09-03T16:05:53.377 に答える
0

「books.html」ページにも同じJavaScriptを配置しましたか？

そうでない場合は、そこにスクリプトを配置する必要があり、ページの読み込み時にスムーズなスクロールを実行するすべてのページにスクリプトを配置する必要があります。

于 2010-09-02T11:46:39.577 に答える