使用jQuery滚动插件避免# on url

Use jQuery scroll plugin to avoid # on url

本文关键字：on url jQuery 滚动 插件 使用      更新时间：2023-09-26

我想使用滚动jQuery插件滚动到anchor tag，因为我不希望浏览器在点击链接时在url的末尾添加#。
我不希望任何人用#.

标记我网站的url。
<html>
    <body>
        <a name="top"></a>TOP
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <a href="#top">top</top>
    </body>
</html>


jQuery.ScrollTo是最标准的插件吗?
http://demos.flesler.com/jquery/scrollTo/

我想支持IE6, FF4, Chrome, Android和iphone。
jQuery。支持他们?
或者如果我需要浏览器兼容性，我不应该使用滚动插件吗?

你不需要一个插件+给你的用户一个漂亮的滚动滚动scrollTop(这里的实例- http://jsfiddle.net/7qr3y/9/):

HTML: 

<a href="#" class="bottomscroll">bottom</a>
jQuery: 

$('.bottomscroll').click(function() {
     $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow');
     return false;
 });

如果您使用的是较新版本的jQuery..那么preventDefault可能更好。

<a name="top"></a>
$(".top").on('click', function(e) {     
    e.preventDefault();
    $('html,body').animate({
        scrollTop: $('#container').offset().top
    }, 500);
});
相关文章：