SmoothScroll 是一个很棒的 MooTools 插件,但只有当锚点在同一页面上时才会出现平滑滚动。让 SmoothScroll 跨页面工作就像多加几行 MooTools 和一个查询字符串变量一样简单。
MooTools / PHP
//once the DOM is ready... window.addEvent('domready', function() { //smooooooth scrolling enabled new SmoothScroll({ duration:700 }, window); }); <?php if($_GET['scrollto']) { ?> //once the window has loaded... window.addEvent('load', function() { //scroll down to the specific spot var scroll = new Fx.Scroll(window, { wait: false, duration: 2500, transition: Fx.Transitions.Quad.easeInOut }); scroll.toElement('<?php echo $_GET['scrollto']; ?>'); }); <?php } ?>
当然,这是一个您只想在锚点很少的小型网站上实施的系统。