【问题标题】:Jquery click event to target anchor not working in FirefoxJquery单击事件以定位锚点在Firefox中不起作用
【发布时间】:2013-05-16 22:45:41
【问题描述】:

我有一个导航菜单,它定位由页面内的 data-position 属性定位的锚点。我正在使用这个代码 sn-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
  • 你在哪里定义scrollHeight?您是要获取 $(document).scrollTop() 还是链接位置?

标签: jquery onclick position targeting


【解决方案1】:

尝试将选择器更改为

$('html, body')

默认情况下,Firefox 溢出应用在html 级别。所以你的代码行是

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

这个question 也可能对您有所帮助。

【讨论】:

  • 关于如何为链接之间的滚动设置动画的任何见解?让滚动变慢?这是我的测试页面的链接供参考:intercross.com/newsitebuild/index-final.html
  • $('html, body').animate({scrollTop: position * scrollHeight}, 'slow');
  • 是否可以让每个目标 div 的不透明度为 0,直到滚动到它们各自的数据位置,然后它们将达到 100%?谢谢你的帮助
  • 我建议为此提出一个新问题。
  • hmm... 我没有要测试的 Safari 6,但它在 Safari 5 中运行良好。Safari 溢出应用于body 级别而不是html 级别所以这个应该管用。也许这个question 可能会有所帮助。不知道说什么对不起:(
猜你喜欢
  • 2013-05-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-07-23
  • 2015-03-05
  • 1970-01-01
  • 2022-09-26
  • 1970-01-01
相关资源
最近更新 更多