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

Javascript 使用jQuery滚动插件避免url上的#,javascript,jquery,jquery-plugins,scrollto,Javascript,Jquery,Jquery Plugins,Scrollto,我想使用scroll jQuery插件滚动到锚定标记,因为我不想在单击链接时通过浏览器将#添加到url的末尾。 我不希望任何人用#作为我网站url的书签。 我想支持IE6、FF4、Chrome、Android和iphone。 jQuery.scroll是否支持它们? 或者如果我需要浏览器兼容性,我不应该使用scroll插件吗?您不需要插件+使用scrollTop为您的用户提供一个漂亮的平滑滚动(这里是一个实时示例-): HTML: 如果您使用的是较新版本的jQuery。。那么prevent

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




我想支持IE6、FF4、Chrome、Android和iphone。
jQuery.scroll是否支持它们?

或者如果我需要浏览器兼容性,我不应该使用scroll插件吗?

您不需要插件+使用scrollTop为您的用户提供一个漂亮的平滑滚动(这里是一个实时示例-):

HTML:


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

<a name="top"></a>

$(".top").on('click', function(e) {     
    e.preventDefault();

    $('html,body').animate({
        scrollTop: $('#container').offset().top
    }, 500);
});

$(“.top”)。在('click',函数(e){
e、 预防默认值();
$('html,body')。设置动画({
scrollTop:$(“#容器”).offset().top
}, 500);
});

发布您的代码。一般来说,您只需在函数中添加“return false;”即可删除url散列。顺便说一句,IE6已经死了,因为Microsoft最终迫使用户升级到IE7>@js_u。我指的是jquery函数。@Scott我没有jquery函数。我只使用html。这就是为什么当您单击
top
时,会将
#top
添加到url中。我认为jQuery.ScrollTo可以解决这个问题。很抱歉,我以为你在使用ScrollTo。。我误读了。。。。该项目的答案如下。非常感谢!为什么
preventDefault
returnfalse
好?你的代码支持IE6和Android吗?谢谢。那太好了。”#“底部”是
还是
?你的代码能支持IE6和Android吗?1)任何id=“bottom”的元素2)Android都很好,IE6。。。不确定。如果您有IE6,请启动我在上面创建的JSFIDLE来测试它。我没有IE6,我已经测试过了。你的小提琴在IE6和FF2中也起作用。非常感谢。很高兴这有帮助。如果这解决了你的答案,请考虑接受它。
<a href="#" class="bottomscroll">bottom</a>
$('.bottomscroll').click(function() {
     $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow');
     return false;
 });
<a name="top"></a>

$(".top").on('click', function(e) {     
    e.preventDefault();

    $('html,body').animate({
        scrollTop: $('#container').offset().top
    }, 500);
});