gpt4 book ai didi

javascript - 使用 jQuery 滚动插件避免 url 上的 #

转载 作者:行者123 更新时间:2023-12-02 19:56:26 25 4
gpt4 key购买 nike

我想使用滚动 jQuery 插件滚动到 anchor 标记,因为我不希望浏览器在单击链接时将 # 添加到网址末尾。
我不希望任何人用#为我的网站网址添加书签。

<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.ScrollTo 支持它们吗?
或者如果我需要浏览器兼容性,我不应该使用滚动插件吗?

最佳答案

您不需要插件+使用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;
});

关于javascript - 使用 jQuery 滚动插件避免 url 上的 #,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8559565/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com