所以我的网站上有一些内部链接,而且我是 JQuery 的新手。我想知道是否有一种方法可以让用户单击内部锚定链接文本并使页面顺利“向下滑动”到内部链接目的地?
<li>apples</li>
<li><a href="#benefits">Benefits of Joining</a></li>
<li>peaches</li>
...
...
...
...
...
<a name="benefits">Users of this site get the best benefits</a>
最佳答案
尝试这样的事情:
$('a').click(function() {
$('html, body').animate({
scrollTop: $('[name="' + $(this).attr('href').substr(1) + '"]').offset().top
}, 1000);
return false;
});
参见 fiddle 例如:http://jsfiddle.net/EdmxK/
如果您愿意的话,您可能可以在网络上找到一些 jQuery 滚动插件。
关于javascript - 使用JQuery向下滑动到内部链接目的地?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13203160/