在菜单上单击 – >动画并动态滚动到该元素
我有一个导航菜单：简介，大小，播放，食物。 当用户单击菜单项的超链接时，我想导航到该元素并设置动画。
例如，如果用户单击“ 大小”菜单项，则我想要动画并向下滚动到id="Size" 。
注意： 此处大小菜单项href没有任何值，因为它是动态的。
的index.html
您可以使用$.animate(...)通过将元素的偏移位置传递给scrollTop来执行平滑滚动。
$ .animate： http ：//api.jquery.com/animate/
HTML代码：
JQUERY CODE：
$('li a').on('click', function (e) { var targetSec = $(this).text(); $('html, body').animate({ scrollTop: $('#' + targetSec).offset().top }, 2000); });
现场演示：
http://jsfiddle.net/dreamweiver/3Xm48/11/
快乐编码:)
你会想做这样的事情
$("nav ul li").click(function() { var liText = $(this).text(); $('html, body').animate({ scrollTop: $("#" + liText ).offset().top }, 1000); });