链接到指定位置平滑滚动插件jquery.smoothScroll

在同一个页面链接到指定位置最简单的方法就是在url加#ID。今天介绍一个jquery插件不用#ID的方式，可以顺畅的滚动到指定位置。用法很简单引用js文件 JS代码$(document).ready(function () { $('ul.mainnav a').smoothScroll(); $('p.subnav a').click(function (event) { event.preventDefault(); var link = this; $.smoothScroll({ scrollTarget: link.hash }); }); $('#change-speed').on('click', function () { var $p1 = $('ul.mainnav a').first(), p1Opts = $p1.smoothScroll('options') || {}; p1Opts.speed = p1Opts.speed === 1400 ? 400 : 1400; $p1.smoothScroll('options', p1Opts); }); $('button.scrollsomething').click(function () { $.smoothScroll({ scrollElement: $('div.scrollme'), scrollTarget: '#findme' }); return false; }); $('button.scrollhorz').click(function () { $.smoothScroll({ direction: 'left', scrollElement: $('div.scrollme'), scrollTarget: '.horiz' }); return false; }); });

在线演示        积分下载        6毛下载        砍两刀下载