Jquery单击事件以目标锚点在Firefox中不工作

Jquery单击事件以目标锚点在Firefox中不工作,jquery,onclick,position,targeting,Jquery,Onclick,Position,Targeting,我有一个导航菜单,它的目标是通过页面中的数据位置属性定位的锚。我正在使用这个代码片段来实现这一点,它在Safari和Chrome中非常有效,但在Firefox中根本不起作用。有办法解决这个问题吗?提前感谢您提供的任何帮助 $(document).on('click','.navigation a', function(event){ event.preventDefault(); var $target = $( $(this).attr('href') ); var p

我有一个导航菜单,它的目标是通过页面中的数据位置属性定位的锚。我正在使用这个代码片段来实现这一点,它在Safari和Chrome中非常有效,但在Firefox中根本不起作用。有办法解决这个问题吗?提前感谢您提供的任何帮助

$(document).on('click','.navigation a', function(event){
    event.preventDefault();
    var $target = $( $(this).attr('href') );
    var position = $target.data('position');
    $('body').scrollTop( position * scrollHeight );
});

尝试将选择器更改为

$('html, body')
默认情况下,Firefox溢出应用于
html
级别。所以你的代码行应该是

$('html, body').scrollTop( position * scrollHeight );

这可能对你也有帮助

尝试将选择器更改为

$('html, body')
默认情况下,Firefox溢出应用于
html
级别。所以你的代码行应该是

$('html, body').scrollTop( position * scrollHeight );

这可能对你也有帮助

你能把你的html贴到哪里吗?你在哪里定义滚动高度?您正在尝试获取$(document).scrollTop()还是链接位置?能否将html发布到定义scrollHeight的位置?您是要获取$(document).scrollTop()还是链接位置?关于如何设置链接之间滚动的动画,您有什么见解吗?使滚动变慢?这里有一个指向我的测试页面的链接供参考:
$('html,body')。动画({scrollTop:position*scrollHeight},'slow')是否可以使每个目标div的不透明度为0,直到滚动到其各自的数据位置,然后将其设置为100%?谢谢你的帮助我建议你开始一个新的问题。。。我没有要测试的Safari 6,但它在Safari 5中运行良好。Safari溢出应用于
body
级别,而不是
html
级别,因此这应该可以工作。也许这会有帮助。不知道该说什么抱歉:(了解如何在链接之间设置滚动动画吗?使滚动变慢吗?这里有一个指向我的测试页面的链接供参考:
$('html,body')。设置动画({scrollTop:position*scrollHeight},'slow'))
是否可以让每个目标div的不透明度为0,直到滚动到它们各自的数据位置,然后它们将达到100%?感谢您的帮助,我建议开始一个新的问题。嗯……我没有Safari 6要测试,但它在Safari 5中工作正常。Safari溢出应用于
主体
级别不是
html
级别,所以这应该可以工作。也许这会有帮助。不知道该说什么对不起:(